Javascript 滑动条，悬停时保持滑动条的变化

我有我的滑溜幻灯片的代码，它（悬停在下一个箭头上）会将幻灯片切换到下一张幻灯片

我遇到的问题是，当用户悬停在下一个箭头上时，只要保持悬停，我希望幻灯片继续转到下一个幻灯片。现在在悬停状态下，它只是转到下一张幻灯片，然后停止，我必须将鼠标移到另一张幻灯片上来

关于如何使其在悬停停留期间继续更改幻灯片，以及悬停离开时不再更改幻灯片的任何建议

谢谢大家!

JavaScript

var $showcaseSlider = $(".showcase-slider").slick({
infinite: true,
slidesToShow: 6,
slidesToScroll: 1,
cssEase: 'linear',
arrows: true,
dots: false,
pauseOnHover: true,
pauseOnFocus: true,
centerMode: true,
responsive: [
 {
   breakpoint: 992,
   settings: {
     slidesToShow: 3,
     slidesToScroll: 1
   }
 },
 {
   breakpoint: 480,
   settings: {
     slidesToShow: 2,
     slidesToScroll: 1
   }
 }
]
});

$(".showcase-slider .slick-next").on('mouseover', function(){
    $showcaseSlider.slick('slickNext');
 });

---

最后终于弄明白了。起初我考虑使用一个间隔，但决定使用递归超时来获得更干净的代码

var sliderTimeout;

function changeSlideNext(){
  $showcaseSlider.slick('slickNext');
}
function recursiveSlideChangeNext(){
  changeSlideNext();
  sliderTimeout = setTimeout(function(){
   recursiveSlideChangeNext();
  },1000);
}
function killSlideChange(timer){
 window.clearTimeout(timer);
}

$(".showcase-slider .slick-next").on('mouseover', function(){
   recursiveSlideChangeNext();
 });

$(".showcase-slider .slick-next").on('mouseout', function(){
   killSlideChange(sliderTimeout);
});