Question

jq停止循环定时器，鼠标放在div上为什么不能停止？该怎么写才能让它停下?急求啊

window.onload=function(){
$('div').mouseover(function(){
clearInterval(timer);
timer=null;
})
}
var timer;
timer=setInterval(function(){
$('div').animate({top:"300px"},3000);
$('div').animate({top:0},0);
},0)

Answer 1

你这个代码中实际上是成功的终止了定时器，但是由于定时器的执行时长是0，所以你的目标元素（div）会被不停的嵌套animate事件，一般来讲1分钟几百次是有的
当你中止定时器的时候，只是不再继续给目标元素嵌套animate事件，但是已经嵌套过的animate事件会被执行完才会中止。
你可以在clearInterval(timer);下面加一行$('div').stop(true);
意思是立刻中止目标元素上所有的动画事件，并停留在当前状态下

追问

非常感谢您的回答，我一会试试您说的方法，还有件事请教您，如果用了stop（）；那鼠标离开之后想让div继续运动应该怎么写呢，我的实际代码是个滚动图，想让鼠标放上去停止，挪开又继续移动...

Answer 2

```他说的是setInterval的0

你设长一点啊 来个1秒试试就知道了
timer=setInterval(function(){
$('div').animate({top:"300px"},3000);
$('div').animate({top:0},0);
},1000)

追问

我试了一下您给的建议。。。它不是放上去就停，而是把所有的animate动作全做完才停，您有没有办法让鼠标放上去就停呢

Answer 3

你这0秒执行一次，你想干嘛，

追问

他自己的animate有一个时间，我用的是那个时间，定时器写0也是可以动的，你有没有办法改改啊

追答

window.onload=function(){
$('div').mouseover(function(){
clearInterval(timer);
timer=null;
})
}
var timer;
timer=setInterval(function(){
$('div').animate({"height":"300px"},1000);
$('div').animate({"height":"50px"},500);
},1000)

我改变了div的高度，我没设定位，现在是完全可以停掉的。但是你setInterval 时间间隔为0 是不能停掉的 你试试看 模仿你要的效果试试吧。