javascript实现的简单抽奖代码实例

关于抽奖效果在不少网站都有，有些比较华丽，本章节介绍一个比较简单的代码实例，能够满足一定的抽奖功能，希望能够满足一定的需求，代码实例如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>51前端</title>
<style type="text/css">
#main{
  width:600px;
  height:600px;
  margin:0px auto;
  font-size:12px
}
</style>
</head>
<body>
<script type="text/javascript"> 
var prize="飞机,坦克,美女,手机,核武器";
var prizeArray = prize.split(","); 
var num = prizeArray.length-1 ; 
var timer 
function change() { 
  var qiehuan=document.getElementById("qiehuan");
  qiehuan.innerHTML=prizeArray[GetRnd(0,num)]; 
} 
function start(){ 
  clearInterval(timer); 
  timer=setInterval('change()',10); 
} 
function ok(){ 
  clearInterval(timer); 
  var showresult=document.getElementById("showresult");
  showresult.value=document.getElementById("qiehuan").innerHTML; 
} 
function GetRnd(min,max){ 
  return parseInt(Math.random()*(max-min+1)); 
} 
window.onload=function(){
  var ostart=document.getElementById("start");
  var ostop=document.getElementById("stop");
    
  ostart.onclick=function(){start()}
  ostop.onclick=function(){ok()}
}
</script>
<div id="main">
  <div id="qiehuan">请单击开始</div>
  <input type="button" id="start" value="开始"/>
  <input type="button" id="stop"  value="结束"/>
  奖品:<input type="text" id="showresult" value="" />
</div>
</body>
</html>

代码描述：javascript实现简单抽奖。javascript实现的简单抽奖代码实例

下载全部收藏

170 226

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册