如何在悬停时暂停setInterval

Question

我使用setInterval显示幻灯片。当用户将鼠标悬停在幻灯片上时，我希望它暂停，不清楚。以下是我到目前为止。谢谢！

$(function changeSlide() { 
    var i = 0; 
    var autoplay = setInterval(function(){ 
    if(i<5) 
    { 
     $(".Slideshow").slick('slickGoTo',i); 
     i++; 
    } 
    else 
    { 
     $(".Slideshow").slick('slickGoTo',0); 
     clearInterval(autoplay); 
    } 
    $(".Slideshow").hover(function(){ 
     // pause interval while hovering 
     }); 

    }, 4000); 
}); 

Answer 1

您不能暂停，但你可以做的是明确的时间间隔，然后重新启动鼠标移开时的时间间隔：

$(".Slideshow").hover(function(){ 
    clearInterval(autoplay); 
}, function() { 
    //mouseout function 
    changeSlide();//start everything again 
});