1、通过英文单词 如:green
2、通过十六进制 如:#ffffff
3、通过rgb 如:RGB(255,255,255)
如果是通过英文单词的话,可以通过自定义一些颜色英文单词数组,然后从数组中随机取值,然后赋值给标签相关属性就可以了。如果是通过第二种方式的话,可以通过js里面的随机函数Math.random()拼接一个十六进制的数字。同样,在第三种方案也是通过系统随机函数来构造颜色。
至于字体的话,同理。不过只能采用自定义的方案了。
收集一个函数:获取随机颜色值复制代码
代码如下:
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
昨天在做js从10种颜色中随机取色,并每次取出的颜色不同的时候,考虑了很多,最终用如下来实现:
复制代码
代码如下:
var
colorList
=
["#FFFF99","#B5FF91","#94DBFF","#FFBAFF","#FFBD9D","#C7A3ED","#CC9898","#8AC007","#CCC007","#FFAD5C"]
for(var
i=0i<lineList.lengthi++){
var
bgColor
=
getColorByRandom(colorList)
}
function
getColorByRandom(colorList){
var
colorIndex
=
Math.floor(Math.random()*colorList.length)
var
color
=
colorList[colorIndex]
colorList.splice(colorIndex,1)
return
color
}
这样便能每次取出的颜色是随机的且都不一样