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);
	        };

我们来直观效果图:

 
posted @ 2016-10-13 21:06  冷的锋刃  阅读(143)  评论(0编辑  收藏  举报