jquery - jQuery 循环插件

Question

如何设置多个超时？
请帮助我...

timeout:'1000, 2000, 3000' 这是行不通的。

Answer 1

timeout您应该使用并定义一个函数，而不是使用该属性，timeoutFn该函数返回等待下一张幻灯片的毫秒数。

例如，如果您只有 3 张幻灯片并且您想要使用这 3 个超时（1000、2000、3000），那么我假设在最后一次超时之后您希望再次使用第一个超时（每张图片都有时间留在屏幕上）。因此，在这种情况下，代码将只是：

$('#s1').cycle({
    timeoutFn: function (curr, next, opts, isForward) {
        return (opts.currSlide + 1) * 1000;
    }
});

另一方面，如果要设置超过 3 张幻灯片，则可以使用自己的属性（如数组和计数器）并在函数内部使用它们来计算相应的超时时间：

$('#s1').cycle({
    timeoutFn: function(currElement, nextElement, opts, isForward) {
        opts.myTimeoutCount = (opts.myTimeoutCount + 1) % opts.myTimeouts.length;
        return opts.myTimeouts[opts.myTimeoutCount];
    },
    myTimeouts: [1000, 2000, 3000],
    myTimeoutCount: 0
});

最后，如果不想在最后一次超时后显示任何其他幻灯片，那么您应该简单地使用autostop&autostopCount属性：

$('#s1').cycle({
    autostop: true,
    autostopCount: 3,
    timeoutFn: function (curr, next, opts, isForward) {
        return (opts.currSlide + 1) * 1000;
    }
});