当前位置：文江博客话题详情

jQuery 循环插件

发布于 2024-08-29 13:42:12 字数 84 浏览 11 评论 0原文

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

timeout:'1000, 2000, 3000' 这不起作用。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

陌伤浅笑 2024-09-05 13:42:12

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

例如，如果您只有 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;
    }
});

Instead of using the timeout property, you should use timeoutFn and define there a function that returns the number of milliseconds to wait for the next slide.

For example if you have only 3 slides and you want those 3 timeouts you used (1000, 2000, 3000), then I assume that after the last timeout you want use the first timeout again (each picture have time to stay on screen). So in that case the code would simply be:

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

On the other hand, if you want to set more than 3 slides, then you can use your own properties (like an array and a counter) and use them inside the function to calculate the corresponding timeout:

$('#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
});

And at last, if don't want to show any other slide after the last timeout then you should simply use the autostop & autostopCount properties:

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

回复收藏 0 原文

~没有更多了~