javascript（十九）双色球

<!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（十九）双色球

猜你喜欢
