<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style type="text/css">
div{font-size:16px;font-weight:bold;width:610px;height:200px;border-radius:4px;box-shadow: 0 0 1em #000;border:1px solid #ccc;}
span{font-size:32px;}
</style>
</head>
<body>
<div>中奖的号码是:<span id="tm_result"></span></div>
<div>当前中奖号码是:<div id="tm_queue"></div></div>
<input type="button" οnclick="start()" value="开始抽奖"/>
<input type="button" οnclick="stop()" value="停止"/>
<script type="text/javascript">
var data = "12,78,96,2,5,7,85";
var arr = data.split(",");
var timer = null;
/*开始摇奖*/
function start(){
timer = setInterval(function(){
var max = arr.length - 1; var rand = Math.random();
var randIndex = parseInt(rand * max);//从0-6范围随机
document.getElementById("tm_result").innerHTML = arr[randIndex];
},100);
};
function stop(){
clearInterval(timer);
document.getElementById("tm_queue").innerHTML+=document.getElementById("tm_result").innerText+",";
timer = null;
};
</script>
</body>
</html>
模拟抽奖
最新推荐文章于 2022-12-10 19:37:34 发布