Temporizador: cambia automáticamente el color de fondo de forma aleatoria

<body>
    <button>启动</button>
    <button>停止</button>
    <script>
        var btn = document.querySelectorAll('button')
        console.log(btn);
        // 设置一个变量timer
        var timer = null

        // 1.获取随机数
        // 在(255,0)这个区间里获取一个随机数并返回出这个数
        function getNum(m,n){
            return Math.floor(Math.random()*(m-n+1)+n)
        }

        btn[0].onclick = function(){
        // 2. 设置定时器并利用上边获取的随机数改变背景色
         timer = setInterval(function(){
            // 定时器里面调用上面取随机数的函数
            var str = 'rgb('+getNum(255,0)+','+getNum(255,0)+','+getNum(255,0)+')'
            // console.log(str);

            document.body.style.backgroundColor = str

         },1000)
             
        }
       // 点击按钮清除定时器
        btn[1].onclick = function(){
              
           clearInterval(timer);
        }
        
    </script>
</body>

Supongo que te gusta

Origin blog.csdn.net/weixin_45959965/article/details/128341509
Recomendado
Clasificación