我有一个问题,想要隔一段时间让div换颜色?这该怎么写比较好
我有一个问题,想要隔一段时间让div换颜色?假设有3个div然后按照顺序div1过几秒钟,换到显示div2,再换到div3,颜色分别不同~请问有js高手~知道怎么做吗?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
我有一个问题,想要隔一段时间让div换颜色?假设有3个div然后按照顺序div1过几秒钟,换到显示div2,再换到div3,颜色分别不同~请问有js高手~知道怎么做吗?
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（4）
var index = 1; setInterval(function(){ var d = document.getElementById("div" + index); d.style.backgroundColor = getRandomColor(); index++; if (index > 3) { index = 1; } }, 1000); function getRandomColor() { return …; }
setInterval 尽量少用, 它返回一个对象,
噢~原来是这样写~感谢你!可以用~
随手写的，不知道你说的随机颜色是不是这样 你试试
<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>