在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 定時器重復(fù)累加。怎么設(shè)置鼠標(biāo)移入畫面停止和小圓點(diǎn)定時更新

定時器重復(fù)累加。怎么設(shè)置鼠標(biāo)移入畫面停止和小圓點(diǎn)定時更新

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);
});
        })

請問為什么我的定時器會不斷累加啊。就是移入移除會加快圖片輪播的速度。還有就是我這個移入移除根本沒有暫停和重新運(yùn)行的效果，請問是哪里出了問題。新人求指點(diǎn)。還有就是輪播圖的小圓點(diǎn)怎么實(shí)時更新

回答
編輯回答
膽怯
$('.one').mouseleave(function(){
    clearInterval(timer);
    timer=setInterval(circle,3000);
});

$('.two').animate({left:"-=300px"},2000,function complete(){
    $(".list .list1"+ math).css({
        ....
    });
});
2017年12月6日 06:19
編輯回答
青瓷
var timer = setInterval(circle,3000);

$('.one').mouseenter(function(){
    clearInterval(timer);
});
$('.one').mouseleave(function(){
    clearInterval(timer);
    setInterval(circle,3000);//你每次移出都在這里新建了定時器，這個定時器一直沒取消，重新給timer賦值吧
});
2017年12月11日 15:01