Question

html网页制作，javascript，如何变换背景颜色？

添加一个div
一、随机变换不同的背景颜色
二、每隔多少时间变换背景颜色

Answer 1

function changeColor(){
var div=document.getElementByID("divID");
div.style.background="#color"; //color自定 自变
}
var timer=setInterval(changeColor,1000); //这是你想要的自动变换？每隔1000秒换次颜色

追问

不行

Answer 2

自动变化 是指间隔几秒后就自动变换背景颜色吗?

追问

随机和间隔几秒

追答

你可以先给你的DIV添加一个ID,方便dom操作.

window.onload = function(){
var div = document.getElementById('#d1');

var randomColor = function(){ //产生随机背景色
var color = Math.ceil(Math.random()*255)
}
var setBgColor = function(el,color){
el.style.background="#" + color;

}

setInterval(setBgColor(div,randomColor()),1000);

}

追问

不行

追答

无标题文档

window.onload = function(){
var div = document.getElementById('d1');

var randomColor = function(){ //产生随机背景色
return color = Math.ceil(Math.random()*255)
}
var setBgColor = function(){
div.style.background="rgb(" + randomColor() + "," + randomColor() + "," + randomColor()+ ")";

}

setInterval(setBgColor,1000);

}

12312313

追问

return color = Math.ceil(Math.random()*255)
什么意思？
Math.ceil
Math.random()

追答

Math.random() 是随机获取0-1之间的数字, 乘以255后 范围就扩大到0,255 因为rgb表示颜色是3个0-255的数字.

Math.ceil 是像上取整 因为是0,1(包含0,不包含1) ,所以乘255后 范围最大也就是0,249.999 所以需要用Math.ceil 向上取整变为255 这样范围就是 0,255了

追问

如何使12312313也变换颜色？

追答

一样的道理啊
div.style.background 是改背景
div.style.color 是改文字颜色的

追问

不行

追答

你贴出的写的那个代码看看

追问

div.style.background="rgb(" + randomColor() + "," + randomColor() + "," + randomColor()+ ")";
div.style.color="rgb(" + randomColor() + "," + randomColor() + "," + randomColor()+ ")";