javascript随机背景颜色实现代码

发布时间:2019-11-07编辑:脚本学堂
本文介绍了网页每次刷新后随机变颜色的实现代码,js随机背景颜色的例子,需要的朋友参考下。

在网页载入时随机改变背景颜色。
使用js中Math.random,用它配合Math.round产生一个1-15的随机数,用其作为下标来从16进制表示的字符数组中取6个字符来形成一个随机的颜色字符串。

例子,在网页的内容区随机设置一个随机的背景色。
 

复制代码 代码示例:
test()
function randomColor() {
 //16进制方式表示颜色0-F
 var arrHex = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
 var strHex = "#";
 var index;
 for(var i = 0; i < 6; i++) {
    //取得0-15之间的随机整数
    index = Math.round(Math.random() * 15);
    strHex += arrHex[index];
 }
 return strHex;
}
function test(){
   var bgColor = randomColor();
   //改变背景色的代码,根据修去修改。
   var content = document.getElementById("content");
   content.style.backgroundColor = bgColor;
}
</script>
 

补充:arrHex的字符数组很不错。