42.《js随机数实现双色球》

最新推荐文章于 2024-08-07 15:14:45 发布

@逆风微笑代码狗

最新推荐文章于 2024-08-07 15:14:45 发布

阅读量721

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/qq_44864082/article/details/108207658

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双色球</title>
    <script src="./js/ujjiuye.js"></script>
</head>
<style>
    body{
        background-color: #ccc;
    }
    .wrap{
        margin: 0 auto;
        width: 400px;  
    }
    span{
        display: inline-block;
        width: 50px;
        height: 50px;
        border: 1px solid red;
        line-height: 50px;
        border-radius: 50%;
        text-align: center;
        font-size: 20px;
        color: white;
        background-color: green;
        margin-top: 20px;
    }
    input{
        width: 100px;
        height: 50px;
        background-color: yellowgreen;
    }
    .active{
        background-color: blue;
    }
</style>
<body>
    <div class="wrap">
        <input type="button" value="开始">
        <input type="button" value="停止">
        <br>
        <span>0</span>
        <span>0</span>
        <span>0</span>
        <span>0</span>
        <span>0</span>
        <span class="active">0</span>
    </div>
    
    <script>
         var span=document.getElementsByTagName("span")
         var inp=document.getElementsByTagName("input")
         var timer;
         var n=0;
         var radom;
         var i;
         inp[0].onclick=function(){
            clearInterval(timer)
            timer = setInterval(function(){
            for(i=n;i<span.length;i++){
                 radom=rand(32,1)
                 span[i].innerHTML=radom
                //单击停止
                inp[1].onclick=function(){
                    n++
                    if(n>=6){
                        clearInterval(timer)
                        n=0
                    }
                }
             }
             },30)
         }
    </script>
</body>
</html>


/*
 /**
 * @param {max，min} max:随机数的最大数值  min：随机数的 最小值数值
 */
    function rand(max,min){
    return Math.floor(Math.random()*(max-min)+min)
}

*/