JavaScript随机生成十六进制颜色
Posted wgchen~
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript随机生成十六进制颜色相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>wgchen</title>
<link rel="shortcut icon" href="#" />
<meta name="keywords" content="https://wgchen.blog.csdn.net">
<meta name="keywords" content="技术文章">
<meta name="keywords" content="博客">
<meta name="keywords" content="willem">
<meta name="keywords" content="ycc">
</head>
<body>
<p id="Id1">It is test 1.</p>
<button type="button" onclick ="changeColor()">
Change color
</button>
<script>
function randomHexColor()
//随机生成十六进制颜色
var hex = Math.floor(Math.random() * 16777216).toString(16);
//生成ffffff以内16进制数
while (hex.length < 6)
//while循环判断hex位数，少于6位前面加0凑够6位
hex = '0' + hex;
return '#' + hex; //返回‘#'开头16进制颜色
function changeColor()
x=document.getElementById("Id1");
x.style.color=randomHexColor();
</script>
</body>
</html>
以上是关于JavaScript随机生成十六进制颜色的主要内容，如果未能解决你的问题，请参考以下文章