怎么让div背景颜色随时间变化

怎么让div背景颜色随时间变化

随什么时间变化?每分钟变一次还是说现在多少点然后才变化？

其实怎么变化都差不多
1、每个多少时间、颜色发生变化
<script>
var color=new Array(//设置color
"red",
"blue",
"#cc0000",
"....",
".....",
);
var divOBJ=document.getElementById("divID");
var i=0;

function change(){
divOBJ.setAttribute("style","backgroud:"+color[i]);
i++;

}
var set=setInterval(change,3000);//每隔3000毫秒执行一次change函数

</script>
2、颜色随当前时间的变化而变化
<script>
var color=new Array(//设置color
"red",
"blue",
"#cc0000",
"....",
".....",
);
var divOBJ=document.getElementById("divID");
function change(){
var D = new Date();
var h=D.getHours();//获取当前时间多少时
var m=D.getMinutes();//获取当前时间多少分
//根据小时变化

divOBJ.setAttribute("style","backgroud:"+color[h]);
//根据分钟变化
divOBJ.setAttribute("style","backgroud:"+color[m]);
//时间怎么变看你怎么想的

}
var set=setInterval(change,3000);//每隔3000毫秒执行一次change函数

</script>
应该能满足你的需求！按照这思路就行了!具体怎么变化颜色随你

如果是用样式的话需要用到滤镜 style="filter:alpha(opacity=opacity, finishopacity=finishopacity，style=style, startx=startx，starty=starty，finishx=finishx，finishy=finishy)" 说明： opacity：起始值，取值为0～100, 0为透明，100为原图。 finishopacity：目标值。 style：1或2或3 startx：任意值 starty：任意值 例子：filter:alpha(opacity="0",finishopacity="75",style="2") 但是因为滤镜的兼容性问题，最好是不要用，你可以用ps做图的时候，把背景调一下透明度后导成png格式的图片就行了，如果透明的背景颜色一样的话，那么你可以切成1px*1px大小的png图片平铺，gif只支持透明度100%也就是完全透明的图片，半透明的不支持，而png格式的图片则不存在什么问题，唯一会有问题的地方就只是ie6不兼容透明png格式而已，我的百度空间有解决ie6透明的问题

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息！