本文主要是介绍js中获取随机颜色,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
js中获取随机颜色
点击查看代码
//第一个参数只能传指定的数字和字符串3(#fff)6(#ffffff) "rgba"(rgba(255,255,255,1))
//第二个参数表示使用rgba的颜色时传的透明度数值
function getRandomColors(val, transparency = 1) {
let result = [];
let digits
let rgbas
switch (val) {
case 3:
digits = val
break;
case 6:
digits = val
break;
case 'rgba':
rgbas = 1
break;
default:
alert('第一个参数为3/4,第二个参数为透明度')
return
}
if (rgbas === 1) {
for (let i = 0; i < 3; i++) {
result.push(Math.floor(Math.random() * 255));//获取0-255之间的随机数
}
let colorss = `rgba(${result.toString()},${transparency})`
return colorss
} else {
for (let i = 0; i < digits; i++) {
result.push(Math.floor(Math.random() * 16).toString(16).toUpperCase());//获取0-15并通过toString转16进制通过toUpperCase()字母转大写
}
let colorss = '#' + result.join('')
return colorss
}
}
这篇关于js中获取随机颜色的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!