jQuery 中的计时/等待

Question

我正在编写一个横幅旋转器，我希望它在几秒钟后在几张图片之间循环。 jQuery 是否有等待然后调用回调的东西？我可以看到 .delay 方法，但它似乎没有回调函数。或者也许我应该使用依赖于浏览器的功能？或者也许 javascript 已经包含了我需要的函数？ 我是 JavaScript 新手：-| 。

Answer 1

您始终可以使用本机 javascript：

setTimeout(function(){ /* do your stuff */ }, 1000);

您可以使用 mixins 获得一些乐趣：

var timeoutCallback = function() {
    this.foo = 5;
}

var scheduleTimeout = function(obj, delay) {
    setTimeout(function(){ timeoutCallback.call(obj); }, delay);
}

var myobj = { foo: 1, bar: 2 }
scheduleTimeout(myobj, 1000); // myobj.foo becomes 5 after 1000ms delay

Answer 2

如果您想做的是时间 jQuery 效果，那么延迟是正确的选择。

查看关于效果的 jQuery 文档，并密切关注效果队列是如何工作的，它是一个非常好的框架。 :)

Answer 3

所以你需要不是立即开始你的效果，而是在一段时间之后？没错，这就是delay()函数。

$("#test").delay(3000).fadeOut('slow');
// after 3 seconds element starts to fade out

PS

但要小心延迟。例如这段代码：

$("#test").fadeOut(1000).sleep(1000).fadeIn(1000);

不会像某些人想象的那样工作。 Sleep 将与 fadeOut 同步运行，但不会在其终止后运行。所以如果你想让一个效果完整而不是做一些东西 - 你应该通过回调函数来制作。

Answer 4

这是我能想到的最简单的例子，也是 Joy Dutta 所说内容的浓缩版本。它首先显示“请稍候”，3 秒后显示“...完成！”。将其放入 Firebug 控制台，看看会发生什么:-)

$('body').html('Please wait!');
setTimeout(function (){$('body').html('...done!');}, 3000);