gpt4 book ai didi

jquery - 延迟恢复 jquery 循环

转载 作者:行者123 更新时间:2023-12-01 06:01:25 25 4
gpt4 key购买 nike

我正在尝试恢复 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>

最佳答案

尝试将您想要在延迟后运行的代码放入 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>

关于jquery - 延迟恢复 jquery 循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11193000/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com