当前位置: 代码迷 >> 综合 >> Javascript生成随机(字符串)颜色值
  详细解决方案

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

热度:45   发布时间:2024-02-06 06:42:30.0

本文介绍在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>
  相关解决方案