定时器重复累加。怎么设置鼠标移入画面停止和小圆点定时更新

Question

html：btnjs：varbomb=$('.bomb').css('width');varmath=0;varval=0;functioncircle(){if(!$('.two').is(":animated")){if(math==3){$('.two').css("left","0");$('.two').animate({left:"-=300px"},2000);math=1;}else{math++;$('.two').animate({left:"-=300px"},2000);}}};vartimer=setInterval(circle,3000);$('.one').mouseenter(function(){clearInterval(timer);});$('.one').mouseleave(function(){clearInterval(timer);setInterval(circle,3000);});})请问为什么我的定时器会不断累加啊。就是移入移除会加快图片轮播的速度。还有就是我这个移入移除根本没有暂停和重新运行的效果，请问是哪里出了问题。新人求指点。还有就是轮播图的小圆点怎么实时更新

Answer 1

$('.one').mouseleave(function(){
clearInterval(timer);
timer=setInterval(circle,3000);
});
$('.two').animate({left:"-=300px"},2000,functioncomplete(){
$(".list.list1"+math).css({
....
});
});
                            

Answer 2

vartimer=setInterval(circle,3000);
$('.one').mouseenter(function(){
clearInterval(timer);
});
$('.one').mouseleave(function(){
clearInterval(timer);
setInterval(circle,3000);//你每次移出都在这里新建了定时器，这个定时器一直没取消，重新给timer赋值吧
});