javascript 怎么给三个div随机一个数组颜色，每次随机三个div的颜色都是不重复的

答案:3 悬赏:20 手机版

解决时间 2021-02-01 06:55

提问者网友：斑駁影
2021-02-01 03:12

麻烦给一下代码，谢谢

最佳答案

五星知识达人网友：怙棘
2021-02-01 04:13

<title>随机变化颜色</title>
<style>
div {
width: 200px;
height: 200px;
border: 1px solid blue;
margin-top: 10px;
}
</style>
</head>
<body>
<button>开始变换颜色</button>
<button>关闭</button>
<div></div>
<div></div>
<div></div>
</body>
</html>
<script>
var toBtn = document.getElementsByTagName('button')[0]; //按钮
var toBtn2 = document.getElementsByTagName('button')[1]; //按钮
var oDiv = document.getElementsByTagName('div');
var arr = ["red", "green", "yellow", "pink", "orange", "blue", "deeppink", "gray"]; //存储颜色的数组
var time = "";
toBtn.onclick = function () {

time = setInterval(function () {
for (let i = 0; i < oDiv.length; ++i) {
for (let j = 0; j < arr.length; ++j) {
var r = Math.floor(Math.random() * arr.length);
oDiv[i].style.background = arr[r];
}
}
}, 50);

}
toBtn2.onclick = function () {
clearInterval(time);
}

全部回答

1楼网友：神鬼未生
2021-02-01 06:16

//首先你需要了解一下RGB色；这里不做介绍 var r = Math.round((Math.random()*255)).toString(16); var g = Math.round((Math.random()*255)).toString(16); var b = Math.round((Math.random()*255)).toString(16); var color = "#"+r+g+b; // color : "#8c5aff"; //上面是示例生成一个颜色，不过生成方法都是一样的。你可以使用循环生成。

2楼网友：一袍清酒付
2021-02-01 05:31

同问。。。

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！