给一个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); };
我们来直观效果图:
时间: 2024-10-10 17:16:06