本文介绍一个用于生成随机十六进制颜色值的JavaScript函数。该函数利用Math.random()生成0到16777215之间的随机数,通过右移运算符>>0实现取整,再转换为16进制字符串。若不足6位则用前导零补齐,最终返回标准的#RRGGBB格式颜色代码。
JS生成随机十六进制颜色值的高效函数
整理并分享一个用于生成随机颜色值的JavaScript函数。
具体实现代码如下:
function getRandomColor(){
return "#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6);
} 函数逻辑说明如下:
1. 数值16777215是将16进制颜色最大值ffffff转换为10进制后的结果。
2. 使用右移运算符>>0对计算结果进行取整处理。
3. 将结果转换为16进制字符串,若长度不足6位,则在前面补0以确保格式完整。
在线演示代码:
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<title>js随机颜色</title>
</head>
<body>
</body>
</html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]