html:
<body>
<div class="one">
<div class="two clearfix">
<div class="img1"></div>
<div class="img2"></div>
<div class="img3"></div>
<div class="img4"></div>
</div>
<ul class="list clearfix">
<li class="list1" value="0"></li>
<li class="list2" value="1"></li>
<li class="list3" value="2"></li>
</ul>
</div>
<button class="btn">btn</button>
</body>
js:
var bomb = $('.bomb').css('width');
var math = 0;
var val = 0;
function circle(){
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);
}
}
};
var timer = setInterval(circle,3000);
$('.one').mouseenter(function(){
clearInterval(timer);
});
$('.one').mouseleave(function(){
clearInterval(timer);
setInterval(circle,3000);
});
})
请问为什么我的定时器会不断累加啊。就是移入移除会加快图片轮播的速度。还有就是我这个移入移除根本没有暂停和重新运行的效果,请问是哪里出了问题。新人求指点。还有就是轮播图的小圆点怎么实时更新