用js实现随机改变div的背景颜色
时间: 2024-05-01 22:23:59 浏览: 161
javascript实现随机生成DIV背景色
可以使用如下的代码实现:
```html
<div id="myDiv">这是一个div</div>
```
```javascript
// 获取div元素
var div = document.getElementById("myDiv");
// 定义颜色数组
var colors = ["red", "blue", "green", "yellow", "orange", "purple"];
// 定义随机颜色函数
function getRandomColor() {
var randomIndex = Math.floor(Math.random() * colors.length);
return colors[randomIndex];
}
// 定义定时器,每隔1秒钟改变一次背景颜色
setInterval(function() {
div.style.backgroundColor = getRandomColor();
}, 1000);
```
这段代码会每隔1秒钟随机改变一次`myDiv`元素的背景颜色。
阅读全文