Question

JS怎么做渐变的背景色，想让网页背景慢慢的变换颜色，Javascript代码怎么写？谢谢大虾~

Answer 1

楼上是对的。 但是直接复制，有时候可以，有时候不行？最后我改了下面这一句。
var bodyEl = document.getElementsByTagName("body")[0];
总提示bodyEl.style对象为空或不是对象。我纠结了一整天，完全不知道怎么会事。
最后还是找到了问题出在哪里。
var bodyEl = document.getElementsByTagName("body")[0];
这句话要放入循环语句中。这样才可以实现。
background改成backgroundColor,colorTable.length改成colorTable-1.这两个是我认为有点错误的地方
这里给个类似的。
<script language="javascript">
var colorArray=["red","blue","yellow"];
var i=0;
var changecolor=function(){
document.body.style.backgroundColor=colorArray[i];
i++;
if(i==(colorArray.length))
{ i=0;}
}
window.onload=function(){
setInterval(changecolor,1000);}
</script>
不过分还是给楼上的吧。

Answer 2

<script type="text/javascript">
(function() {
var colorTable = ["red", "blue", "yellow"];
var bodyEl = document.getElementsByTagName("body")[0];
var i = 0;
var changeColor = function() {
bodyEl.style.background = colorTable[i];
i ++;
if(i == colorTable.length) {
i = 0;
}
}

window.onload = function() {
setInterval(changeColor, 1000);
}
})();
</script>
这边你如果你想加那种透明效果的话，你可以用css中的opacity，然后用个for循环来加一下，算法你可以百度下