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