jQuery 循环 + 最小超时答案

【问题标题】：jQuery Cycle + Minimal TimeoutjQuery 循环 + 最小超时
【发布时间】：2011-12-08 09:49:47
【问题描述】：

我对 jQuery 循环插件及其超时有一个小问题。

我正在使用scrollLeft 效果并希望它始终保持滚动（如果您知道我的意思，类似于新闻行情）。现在使用timeout: 0 将不起作用，因为它会完全禁用自动缩放。

所以我想到了使用timeout: 10（有一个几乎不明显的超时），但这也不起作用，因为无论我将超时设置多低，超时似乎总是大约一秒（即使使用timeout: 1)。

再次让它更清楚一点：

将超时时间增加到timeout: 10000 具有预期的效果并暂停滑动10 秒，但将其减少到timeout: 1 看起来就像我使用timeout: 1000 一样

我不确定问题出在哪里，因为我在 Google 上到处寻找最小超时时间，但找不到任何说超时时间最小值是 1000

我使用的脚本非常简单，所以我认为那里应该没有错误，但只是为了让您也可以检查我发布它：

    $('#demo').cycle({
        slideExpr: 'p',
        fx: 'scrollLeft',
        next: '.next', 
        speedIn: 5000,
        speedOut: 5000,
        fastOnEvent: 1000,
        containerResize: 0,
        pause: 1,
        timeout: 10
    });

我希望我能够很好地解释我的问题:)

问候！

附言我不想使用某种 newsticker 插件，但真的很想用循环来创造这种效果。

【问题讨论】：

标签： jquery timeout cycle

【解决方案1】：

如果您需要真正连续滚动，可以使用easeIn 和easyOut 选项。试试这个：

$('#demo').cycle({
   fx: 'scrollHorz',
   continuous: 1,
   easeIn: 'linear',
   easeOut: 'linear'
});

【讨论】：

【解决方案2】：

jQuery Cycle 有一个名为continuous 的选项，这是该插件最接近传统新闻自动收录器的选项。请尝试以下操作：

$('#demo').cycle({ 
    fx: 'scrollLeft', 
    continuous: 1
});

我希望这会有所帮助！

【讨论】：

哇！我浏览了近一个小时的选项，做了一个小时的谷歌研究，我只是忽略了这一点！现在感觉自己像个白痴：非常感谢！

【解决方案3】：

编辑：忽略此答案，因为它需要更改代码。使用上面回答的continuous 选项。

在 buildOptions() 函数中找到以下代码

var buffer = opts.fx == 'none' ? 0 : opts.fx == 'shuffle' ? 500 : 250;
while((opts.timeout - opts.speed) < buffer) // sanitize timeout
    opts.timeout += opts.speed;*/

并注释while循环

var buffer = opts.fx == 'none' ? 0 : opts.fx == 'shuffle' ? 500 : 250;
/*while((opts.timeout - opts.speed) < buffer) // sanitize timeout
    opts.timeout += opts.speed;*/

【讨论】：