如何在悬停时暂停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
});