js中获取随机颜色

发布时间:2022-06-27 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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中获取随机颜色全部内容,希望文章能够帮你解决js中获取随机颜色所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。