jquery - 延迟恢复 jquery 循环

Question

我正在尝试恢复 Jquery 循环插件幻灯片放映，但仅在延迟 X 毫秒之后。设置是让幻灯片在悬停时播放，悬停时暂停(其他内容本质上在其顶部滚动)以下代码在恢复之前不会注册延迟

非常感谢任何帮助

<script type="text/javascript">
$(document).ready(function() {
// configure the cycle plugin
$('.slideshowtwo').cycle({
     fx:     'scrollUp',
     speed:   1000,
     timeout: 1200,
     pause:   0
});
$('.slideshowtwo').cycle('pause'); // pause it right away.

$('.slideshowtwo').hover(
    function() {
            $(this).delay(5000).cycle('resume'); // start playing after delay
    },
    function(){
        $(this).cycle('pause'); // pause the slideshow.
    }
).trigger('hover');

});
</script>

Answer 1

尝试将您想要在延迟后运行的代码放入 setTimeout 函数中。我现在已经编辑了您的代码，将暂停也包含到 setTimeout 中。另外，我已将 Slideshowtwo 类存储到一个变量中，这样您就不会经常调用选择器。这应该会提高性能。但是，如果出于某种原因该类被删除并添加到元素中，您应该返回动态搜索它。不过，下面的代码应该很适合您。

<script type="text/javascript">
$(document).ready(function() {
// configure the cycle plugin
var showTwo = $('.slideshowtwo');
showTwo.cycle({
     fx:     'scrollUp',
     speed:   1000,
     timeout: 1200,
     pause:   0
});
showTwo.cycle('pause'); // pause it right away.

showTwo.hover(
    setTimeout(function(){
        function() {
                showTwo.cycle('resume'); // start playing after delay
        },
        function(){
            showTwo.cycle('pause'); // pause the slideshow.
        }
    }, 5000)
).trigger('hover');

});
</script>