javascript - 链接一系列具有中间延迟的 javascript 事件

Question

我正在尝试按顺序运行事件，某些事件之间存在延迟。

例如，我click在一个按钮上，我的第一个事件以 this 开始click，持续时间为 3000 毫秒，我放了一个 3100 的延迟，然后第二个事件开始。

我想在第二个事件结束后开始第三个事件，然后在第三个事件结束后开始第四个事件。

使用它并不难setTimeOut，但它在智能手机上效果不佳，因为它需要我们太多的连接。

我想要的是这样的：

delay(3100, function(){
blabla
});.delay().delay().

等等等等

由于我的英语不好，我确定我不清楚 - 无论如何谢谢。

score 1 · Accepted Answer

我认为最好使用setTimeout()。它的工作原理与您上面的示例非常相似，尽管您不能将它们链接在一起，但您可以通过在 setTimeout() 中调用 setTimeout() 等来将它们嵌套到您的喜好......如果您需要执行的函数始终是同样，您可以使用命名函数而不是闭包。

score 0 · Accepted Answer

像这样

$("button").click(function() {
      $("first").slideUp(300).delay(800).fadeIn(400);
      $("div.second").slideUp(300).fadeIn(400);
    });

2 回答 2