我有一个问题,想要隔一段时间让div换颜色?这该怎么写比较好
我有一个问题,想要隔一段时间让div换颜色?假设有3个div然后按照顺序div1过几秒钟,换到显示div2,再换到div3,颜色分别不同~请问有js高手~知道怎么做吗?
展开
收起
1
条回答
写回答
写回答
-
<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>2019-07-17 19:55:54赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
