javascript - 将 jQuery 点击事件转换为定期运行

Question

我在这里使用这个 jQuery 插件:http://css-tricks.com/examples/MovingBoxes/

有没有人用过它或者你能看一下 jQuery 代码，我如何设置该函数定期运行而不是在点击事件时运行？

谢谢

Answer 1

使用作为 Javascript 一部分的 setTimeout 函数 (http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/)

您可以改用 setInterval，但对于大多数动画，setTimeout 更容易控制(更重要的是……停止)。

或者，jquery 计时器插件 http://plugins.jquery.com/project/timers也许可以提供帮助。

** 编辑:抱歉，你问题的语气让我以为你在问如何做计时器，我没有意识到你在找什么。

如果您搜索事件处理程序，您会看到他将按钮设置为调用 goForward 和 goBackward 函数，如下所示

// Set up click on left/right arrows
base.$el.find('.right').click(function(){
    base.goForward();
    return false;
}).end().find('.left').click(function(){
    base.goBack();
    return false;
});

这些函数通过调用将位置滚动到指定面板 # 的方法 change 来启动左右滚动。您可以在计时器回调中做同样的事情。