JS定时器所谓的“暂停”和“重启”

jopen 9年前

function gd()     //还是前面的问题,函数不要写在定时器里面,否则无法再定时器外面调用此函数     {      if(aUl.offsetLeft < -aUl.offsetWidth/2)      {       aUl.style.left='0';      }      if(aUl.offsetLeft >0)      {       aUl.style.left=-aUl.offsetWidth/2+'px';      }             aUl.style.left=aUl.offsetLeft+speed+'px';           }     var dsq = setInterval(gd,40);    //给定时器取个名字是给下面的“暂停”、“重启”打基础     oDiv.onmouseover= function()    //停止定时器实现暂停的效果     {      clearInterval(dsq);    //给定时器起名字这里才能停止那个定时器,否则的话你停止谁呢。(我说的废话,都会用定时器了还不知道这事^_^)     }     oDiv.onmouseout= function()      //开启定时器,实现重启的效果     {     //setInterval(gd,40);  错误的示范    dsq=setInterval(gd,40);     //重点在这里,我们需要再开启这个定时器,一定要在定时器前面加上你定义的那个定时器的变量名,如果不加的话就会又开启一个新的定时器然后你上面的那个停止dsq定时器的函数是无法停止这个新的定时器的,当你鼠标不断移入移出都会开启一个新的定时器,多个定时器同时执行相同的动作,这样相当于你的定时器里面的时间成倍的减少,效果就是你的定时器越来越快的执行,你可以试一下看是什么效果,不要试多了,小心电脑死机。     }

来自: http://my.oschina.net/u/2602502/blog/603498