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

时间:2012-07-19 09:10:27

标签: javascript jquery events delay

我正在尝试按顺序运行事件,并在某些事件之间出现延迟。

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

我希望在第二个事件结束时开始第三个事件,然后在第三个事件结束时开始第四个事件。

setTimeOut并不困难,但它在智能手机上效果不佳,因为它需要太多的连接。

我想要的是这样的:

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

等。等

我确定我因为英语不好而不清楚 - 不管怎样,谢谢。

2 个答案:

答案 0 :(得分:1)

我认为你最好用setTimeout()。它几乎就像你上面的例子一样,虽然你不能将它们链接在一起,你可以通过在setTimeout()里面调用setTimeout()等来嵌套它们......如果你需要执行的函数是总是一样的,你可以使用命名函数而不是闭包。

答案 1 :(得分:0)

喜欢这个

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

同时查看此链接http://api.jquery.com/delay/