WithCoderWithCoderWithCoder

Javascript生成随机(字符串)颜色值

    本文介绍在JS中生成十六进制随机颜色的方法。

    1. 使用 Math.random() 生成随机数   

Math.random();  // 结果值(随机): 0.9292672681984253

    2. 使用 Number 对象的 toString(n) 方法,将数字转换为十六进制字符串

Math.random().toString(16);  // 转换为十六进制(随机): 0.ede475ae27ceb

    3. 使用 substr() 截取去除前面的“0”和“.”,并取六个字符长度

Math.random().toString(16).substr(2, 6);  // 截取字符串(随机): ede475

    4. 使用 toUpperCase() 方法将字符串转换为大写,然后在前面加上“#”

'#' + Math.random().toString(16).substr(2, 6).toUpperCase(); // 颜色值(随机): #EDE475

    通过上面四步,即可生成一个随机的十六进制颜色值,完整代码如下:

<script>
    // 生成随机16进制颜色
    function randColor() {
        return '#' + Math.random().toString(16).substr(2, 6).toUpperCase();
    }

    console.log(randColor());
</script>

欢迎分享交流,转载请注明出处:WithCoder » Javascript生成随机(字符串)颜色值