您的位置：首页 > Web前端 > JavaScript

简单的javascript抽奖程序

2013-08-29 20:26 155 查看

<html>
<head>
<title>手机号码抽奖程序</title>
<script>
//声明一个数组装住号码，可根据需要适当增加号码，也可以换成人名来抽
var name=new Array("18810811534","13634958805","13227785064","15124400397","18320743503","13926255101","15722094859");
var num;//接住随机数
var times;//接住定时器
var i=1;//抽出的先后名次
//点击开始时调用此方法
function start(){
//把start按钮禁用
tt.disabled="false";
//把stop按钮变成可用
pp.disabled="";
//产生随机数
num=parseInt(Math.random()*name.length);
//启动定时器
times=setTimeout("start()",50);
//在文本框里滚动号码
document.getElementById("txt").value=name[num];
}
//点击停止时调用此方法
function stop(){
//把抽出的号码在div1里显示出来
div1.innerHTML+=("第"+i+"名："+name[num])+"<br/>";
//把start按钮变成可用
tt.disabled="";
//把stop按钮禁用
pp.disabled="disabled";
//把抽中的手机号码从数组中移除
name.splice(num,1);
//停止定时器
clearTimeout(times);
//判断是否已抽完
if(name.length==0){
alert("抽完了！！！");
tt.disabled="false";
}
i++;
}
</script>
</head>
<body>
<button onclick="start()" id="tt">start</button>
<input type="text" id="txt" />
<button onclick="stop()" id="pp" disabled="disable">stop</button>
<div id="div1" style="width:280px;height:200px;border:1px solid black"></div>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航