JS里面利用random（）实现随机颜色更换

Posted 2020-07-14

首先你需要一个div

<div id="box"></div>

然后给这个div加入CSS属性

#box{width:500px;height:500px;border:1px solid red}

然后在JS代码：

var box=document.getElementById("box");
function fn(){
    var a=parseInt(Math.random()*10);
    var b=parseInt(Math.random()*10);
    var c=parseInt(Math.random()*10);
    var d=parseInt(Math.random()*10);
    var e=parseInt(Math.random()*10);
    var f=parseInt(Math.random()*10);
    var g="#"+a+b+c+d+e+f;
    box.style.background=g;
}
setInterval("fn()",1000);
这样就能实现简单的背景颜色随机改变
理论上每种颜色是由六位数字组成的
但是测试时函数里面只要a,b,c就可以实现
也就是这样：

function fn(){
    var a=parseInt(Math.random()*10);
    var b=parseInt(Math.random()*10);
    var c=parseInt(Math.random()*10);

　　var g="#"+a+b+c

}

setInterval("fn()",1000);