JavaScript之动画3

给一个div添加颜色，使其产生渐变效果，我们设置index为变量，使用setInterval函数方法改变rgb颜色值。

window.onload = function(){

	            var boxDom = document.getElementById("box");

	            boxDom.style.width = "200px";

	            boxDom.style.height = "200px"

	            var index = 0;

	            setInterval(function(){

	                if(index ==255){

	                    index=0;

	                    boxDom.style.background = "rgb(255,255,255)";

	                }else{

			boxDom.style.background = "rgb("+index+","+index+","+index+")";

	                    index++;

	                }

	            },1000/30);

	        };

我们来直观效果图：