Javascript 自动播放/暂停并重新启动倾斜滑块

我想实现一个滑块暂停鼠标上，并恢复它的鼠标出

这是我自动播放滑块的代码：

<script src="<?=$prelink?>addon/slider/js/classie.js"></script>
<script src="<?=$prelink?>addon/slider/js/tiltSlider.js"></script>
<script src="<?=$prelink?>js/jslink.js"></script>
<script>
  new TiltSlider( document.getElementById( 'slideshow' ) );               
  var intervalId = window.setInterval(function timerfun(){              
    $('nav>.current').next().trigger('click');
      if($('nav > .current').next().index() == '-1'){
        $('nav > span').trigger('click');
      }
    }, 11000); 
</script>

---

但由于TiltSlider的行为异常，代码无法正常工作。

此代码应能完成您尝试执行的操作：

<script>

    new TiltSlider(document.getElementById('slideshow'));

    $(function() {

        var cycleTime = 1000;//11000;
        var intervalId;

        function cycleImage () {
            $('nav>.current').next().trigger('click');
            if ($('nav > .current').next().index() == '-1') {
                $('nav > span').trigger('click');
            }
        };

        $('#slideshow').on("mouseover", function() {
            clearInterval(intervalId);
        });

        $('#slideshow').on("mouseout", function() {
            clearInterval(intervalId);
            intervalId = setInterval(cycleImage, cycleTime);
        });

        intervalId = setInterval(cycleImage, cycleTime);
    });

</script>

新的倾斜滑块（document.getElementById（'slideshow'）；
$（函数（）{
var cycleTime=1000；//11000；
var有效期；
函数cycleImage（）{
$（'nav>.current'）.next（）.trigger（'click'）；
如果（$（'nav>.current'）.next（）.index（）=='-1'）{
$（'nav>span'）。触发器（'click'）；
}
};
$（'#slideshow'）。在（“mouseover”，function（）上{
clearInterval（intervalId）；
});
$（'#slideshow'）。在（“mouseout”，function（）上{
clearInterval（intervalId）；
intervalId=setInterval（周期图像、周期时间）；
});
intervalId=setInterval（周期图像、周期时间）；
});

此功能存在于一个名为OwlCarousel的流行开源软件包中，您可以在其中搜索用于停止鼠标上方滑块的处理程序。搜索

stop:function

以查看它们的处理程序。我正在使用titleslider，无法切换..我没有要求您切换。我说阅读他们的源代码，看看他们是如何实现鼠标悬停功能的。

<script>

    new TiltSlider(document.getElementById('slideshow'));

    $(function() {

        var cycleTime = 1000;//11000;
        var intervalId;

        function cycleImage () {
            $('nav>.current').next().trigger('click');
            if ($('nav > .current').next().index() == '-1') {
                $('nav > span').trigger('click');
            }
        };

        $('#slideshow').on("mouseover", function() {
            clearInterval(intervalId);
        });

        $('#slideshow').on("mouseout", function() {
            clearInterval(intervalId);
            intervalId = setInterval(cycleImage, cycleTime);
        });

        intervalId = setInterval(cycleImage, cycleTime);
    });

</script>