从数组中选择一个随机颜色,并将结果实现为HTML div



所以我有这个加载程序动画div,我希望它在每次刷新时都能改变颜色。如果需要的话,我已经有了一个颜色数组:["#c764b3"、"#d55f5f"、"5f92d5"、"6bd1aa"、"6fd55b"、"799b00"、"ce3434"],但似乎什么都不起作用,我不知道为什么。

提前谢谢。

let colors = ["#c764b3", "#d55f5f", "#5f92d5", "#6bd1aa", "#6fd55b", "#799b00", "#ce3434"];
onload = function() {
document.getElementById("color-div").style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
}
#color-div {
width: 100px;
height: 100px;
margin: auto;
border: 2px solid black;
border-radius: 5px;
}
<div id="color-div"></div>

应该这样做!

`设colorArray=["#c764b3","#d55f5f","5f92d5","#6bd1aa","#1fd55b","#8799b00","#x3434"];

令rc=Math.floor(Math.random((*colorArray.length(;

console.log(rc(;`

最新更新