在网页载入时随机改变背景颜色。
使用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的字符数组很不错。