网页在刷新过后随机切换显示背景色
摘要：在做网页的时候要求在网页载入的时候随机改变背景。上一次看到一个非常好的解决方案，代码的核心就是Math.random的使用，用它配合Math.round产生一个1-15的随机数，用其作为下标来从
在做网页的时候要求在网页载入的时候随机改变背景。上一次看到一个非常好的解决方案，代码的核心就是Math.random的使用，用它配合Math.round产生一个1-15的随机数，用其作为下标来从16进制表示的字符数组中取6个字符来形成一个随机的颜色字符串。
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>
演示效果
