我有一个问题,想要隔一段时间让div换颜色?这该怎么写比较好-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

我有一个问题,想要隔一段时间让div换颜色?这该怎么写比较好

a123456678 2016-07-13 17:28:12 1296

我有一个问题,想要隔一段时间让div换颜色?假设有3个div然后按照顺序div1过几秒钟,换到显示div2,再换到div3,颜色分别不同~请问有js高手~知道怎么做吗?

JavaScript
分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:55:54
    <html>
    <head>
        <style type="text/css">
        div{ border: 1px solid #999; width: 100px; height: 50px; margin-top: 10px; }
        </style>
         
        <script >
            window.onload = function(){
                var div = document.getElementsByTagName('div');
                var i = 0;
                var bgColor = ['#ff0000', '#00ff00', '#0000ff'];
                setInterval(function(){
                    var random = Math.ceil(Math.random()*10)%(bgColor.length);
                    for( var e = 0; e < div.length; e++){
                        div[e].style.backgroundColor = '#ffffff';
                    }
                    div[i].style.backgroundColor = bgColor[random];
                    i++;
                    if( i >= 3 ) i = 0;
                }, 1000);
            };
        </script>
    </head>
    <body>
        <div ></div>
        <div ></div>
        <div ></div>
    </body>
    </html>
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程