猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

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

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({....});});

					

						

							
							
						

						
0

					

				

				
				

					
					
互换的青春

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

					

						

							
							
						

						
0

					

				

				
			

			
		

		

			
			打开App，查看更多内容
		

	
	

	随时随地看视频慕课网APP


	
	
	

		
相关分类

		

			
			

			
				 JavaScript