本文最后更新于851 天前,其中的信息可能已经过时,如有错误请评论留言
话不多说,代码展示
老规矩,解释在注释里
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>randomColor</title>
</head>
<body>
<script>
/* 定义 randomColor 函数,先生成一个 0 到 1 的随机数,然后设置随机数范围为 0 到 0xffffff,
因为生成的数值有小数,所以使用floor 函数取整,最后使用 toString(16) 将随机数转换为十六进制字符串 */
let randomColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16)}`
// 打印一下看看随机生成的十六进制颜色值
console.log(randomColor())
// 给整个 body 设置一个随机颜色背景看看效果,没刷新一次背景色会随机改变
document.body.style.backgroundColor = randomColor()
</script>
</body>
</html>
思考题
学会了生成随机颜色,想一想:
- 如果还想生成随机的透明度应该怎样书写代码?
- 如果只想生成亮(暗)色颜色,应该怎样书写代码?




如果还想生成随机的透明度只要乘0xffffffff就可以了