定时器的使用以及应用

setInterval以及clearInterval
使用定时器时，为了他能方便的关闭，定义一个全局变量，timer,并且在定时器开始前加入一个清除定时器，防止出现定时器再次点击有余留；以下是创建三个div，然后鼠标放在上面后，宽度会增加

div{width:100px;height:50px;background:’pink’;margin:10px};

window.οnlοad=function(){ var oDiv=document.getElementsByTagName('div'); oDiv.οnmοuseοver=function(){ startmove(); } oDiv.οnmοuseοut=function(){ startmove2(); } } var timer = null； function startmove(didian) { clearInterval(timer); timer=setInterval(function(){ if(parseInt(this.style.width)==200){ clearIntval(timer）； }else{ this.style.width=parseInt(this.style.width)+5+'px'; } },30); function startmove2(){ this.style.width=100px; } }

;

;

;