js中获取随机颜色

2021/12/25 6:07:21

本文主要是介绍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中获取随机颜色的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程