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

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定时器的函数是没法中止这个新的定时器的,当你鼠标不断移入移出都会开启一个新的定时器,多个定时器同时执行相同的动做,这样至关于你的定时器里面的时间成倍的减小,效果就是你的定时器愈来愈快的执行,你能够试一下看是什么效果,不要试多了,当心电脑死机。

 }
相关文章
相关标签/搜索