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

时间:2024-02-21 13:24:31

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

 }