简略的javascript抽奖程序
日期：2014-05-16 浏览次数：20414 次
简单的javascript抽奖程序
<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>
<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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
