猿问

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

html:
btn
js: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);
});
})
请问为什么我的定时器会不断累加啊。就是移入移除会加快图片轮播的速度。还有就是我这个移入移除根本没有暂停和重新运行的效果,请问是哪里出了问题。新人求指点。还有就是轮播图的小圆点怎么实时更新

		
UYOU
浏览 501回答 2
2回答

芜湖不芜

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

互换的青春

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

相关分类

JavaScript
我要回答