随机光色 js - Javascript

随机光色是一种在Javascript中生成随机颜色的方法。它可以用于许多用途，如创建动态的背景色、网站主题、图表、图表等等。

实现方式

随机颜色的生成可以由多种方式实现，但最常见的方式是通过 Math.random() 生成的随机数结合字符串转换和位运算来创建16进制颜色代码。以下是生成随机颜色的示例函数：

function randomColor() {
  var letters = "0123456789ABCDEF";
  var color = "#";
  for (let i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}

该函数使用 letters 数组来存储所有可能的16进制值，并使用 Math.floor() 函数生成随机索引。然后，它将16进制值添加到 color 变量中，并返回该变量。

使用方法

使用以上函数可非常容易生成随机颜色：

document.body.style.backgroundColor = randomColor();

上述代码将随机生成颜色并将其应用于文档的背景颜色。

总结

随机光色是Javascript的一个有趣的特性之一。使用上述公式可以很容易地生成随机颜色，该方法普遍应用于许多Web设计和Web开发中的场景中。

参考文献:

• CSS-Tricks - Random Hex Color Code Generator in JavaScript
• W3Schools - JavaScript Math.random()