.bgColor0{background-color:#158AEA}
.bgColor1{background-color:#996633}
.bgColor2{background-color:#66FF00}
获取012三个随机数前面添加字符串'bgColor'就得到随机的类名,然后给相应的元素添加得到的随机类名就行了。
而要获取012三个随机数就用Math.floor(Math.random()*3)获取。
不过你要求背景色不能重复,那么就把三个类名放进一个数组里。已经使用的类名就用”数组名.shift“把它从数组中弹出。然后剩下的两个类名就要获取01两个随机数,就用Math.floor(Math.random()*2)获取0和1其中一个数。
剩下的你知道该怎么做了。
收集一个函数:获取随机颜色值复制代码
代码如下:
function
getRandomColor(){
return
"#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6)
}
说明:
1、16777215为16进制的颜色ffffff转成10进制的数字
2、>>数字取整
3、转成16进制不足6位的以0来补充
在线演示代码:
js随机颜色
document.writeln('#'+('00000'+(Math.random()*0x1000000
这是因为在css中,颜色的写法有三种,分别为:颜色名称(比如:red,yellow,white 等等),
RGB方式(比如:rgb(255,255,255) 代表白色),
十六进制方式:(比如:#ffffff 代表白色)
你这个随机的是RGB的值,要包含在rgb()的括号里面,所以前面要拼接上rgb