<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<style type="text/css">
.box{
width:370px;
margin:0 auto;
}
.a{
display:inline-block;
height:50px;
line-height:50px;
width:50px;
border:1px solid red;
border-radius:50%;
text-align:center;
}
.min{
padding-top:10px;
width:370px;
margin:0 auto;
text-align:center;
}
</style>
<body>
<script type="text/javascript">
onload=function()
{
var one = document.getElementsByClassName('a');
var aa = document.getElementById('aa');
var bb = document.getElementById('bb');
var cc = document.getElementById('h');
var a = '';
var t;
//获取随机数
function qq(){
for (var i = 0; i < one.length; i++) {
one[i].innerHTML = Math.round(Math.random()*35+1);
}
cc.innerHTML = Math.round(Math.random()*15+1);
abc();
}
//开始抽奖
aa.onclick=function(){
t=setInterval(qq,100);
aa.disabled=true;
}
//获取红球数组
function abc()
{
var arr = new Array(36);
for (var i = 0; i < arr.length; i++)
{
arr[i]=i+1;
}
var str = new Array(6);
for (var i = 0; i < str.length; i++)
{
var mun = Math.round(Math.random()*35);
var x = arr[mun];
if (x!=0) {
str[i]=x;
arr[mun]=0;
}else{
i=i-1;
}
}
a = str.sort(ab);
function ab(a,b){
return a-b;
}
console.log(a);
}
//结束抽奖
bb.onclick=function(){
clearInterval(t);
for (var i = 0; i < one.length; i++) {
one[i].innerHTML=a[i];
};
aa.disabled=false;
}
}
</script>
<div class="box">
<span class="a" style="color:red;">00</span>
<span class="a" style="color:red;">00</span>
<span class="a" style="color:red;">00</span>
<span class="a" style="color:red;">00</span>
<span class="a" style="color:red;">00</span>
<span class="a" style="color:red;">00</span>
<span id="h" style="color:blue;">00</span>
<div class="min">
<input type="button" value="开始抽奖" id="aa" />
<input type="button" value="停止" id="bb" />
</div>
</div>
</body>
</html>
javascript(十九)双色球
最新推荐文章于 2023-10-10 11:05:21 发布