原生JS代码实现随机产生一个16进制的颜色值

Posted jiehulk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生JS代码实现随机产生一个16进制的颜色值相关的知识,希望对你有一定的参考价值。

封装一个函数

function getColor() 
      var str = "#";
      //一个十六进制的值的数组
      var arr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"];
      for (var i = 0; i < 6; i++) 
        //产生的每个随机数都是一个索引,根据索引找到数组中对应的值,拼接到一起
        var num = parseInt(Math.random() * 16);
        str += arr[num];
      
      return str;

调用函数getColor()就能随机获取一个16进制的颜色值

以上是关于原生JS代码实现随机产生一个16进制的颜色值的主要内容,如果未能解决你的问题,请参考以下文章

js动态生成颜色浅的16进制值

JS一行代码,生成一个随机颜色,简单粗暴。

c# winform 如何实现16进制颜色值的转换

原生JS实现随机点名项目

js中如何把RGB颜色转换为16进制颜色

iOS 随机颜色和十六进制颜色转换