单击播放jquery循环幻灯片,然后在延迟后暂停
我正在使用jQuery Cycle插件创建一个文本“扰码器”:“Cycle”div加载一个文本句子,它不会改变。然后单击一个按钮,文本应(a)在所有其他文本字符串中快速循环,(b)在不同(随机)文本字符串上自动停止1秒。再次单击按钮应重复该效果,每次停留在不同的文本片段上 这是我的密码。我避免使用单击播放jquery循环幻灯片,然后在延迟后暂停,jquery,delay,cycle,Jquery,Delay,Cycle,我正在使用jQuery Cycle插件创建一个文本“扰码器”:“Cycle”div加载一个文本句子,它不会改变。然后单击一个按钮,文本应(a)在所有其他文本字符串中快速循环,(b)在不同(随机)文本字符串上自动停止1秒。再次单击按钮应重复该效果,每次停留在不同的文本片段上 这是我的密码。我避免使用autostop和autostopcount,因为我认为循环中的“停止”会破坏幻灯片放映的实例,并且不允许轻松重新启动。我想我只是想暂停并继续幻灯片放映 // Configure cycle s
autostop
和autostopcount
,因为我认为循环中的“停止”会破坏幻灯片放映的实例,并且不允许轻松重新启动。我想我只是想暂停并继续幻灯片放映
// Configure cycle slideshow
$('#cycler').cycle({
fx: 'none',
speed: '1',
timeout: '10',
random:1,
}).cycle('pause'); // Pause the slideshow immediately
我可以配置一个虚拟链接,在每次单击时手动暂停/恢复幻灯片放映,不会出现任何问题:
// Toggle slideshow when clicking button
$('#cycler-switch').click(function(){
$('#cycler').cycle('toggle');
return false;
});
但由于我想在单击按钮后1秒自动暂停幻灯片放映,因此我将上述代码更改为:
// Play then Pause
$('#cycler-switch').click(function(){
$('#cycler').cycle('toggle').delay(1000).cycle('toggle');
return false;
});
不幸的是,这样做的效果是,幻灯片甚至不会在单击时开始播放
有什么想法吗?出于某种原因,我应该使用setTimeout而不是.delay()?谢谢。不要回答这个问题,但要去掉后面的逗号
random:1,
我会大发雷霆的