How to insert multiple timeouts?
Compact syntax with timing methods:
1
2
$('.some').doSome().wait(first-timeout).jQueryStuff()
.wait(second-timeout).doLater().jQueryStuff();
Compare this to the old way with more syntactic fluff:
1
2
3
4
5
6
7
$('.some').doSome();
setTimeout(function(){
$('.some').jQueryStuff();
setTimeout(function(){
$('.some').doLater().jQueryStuff();
}, second-timeout);
}, first-timeout);
Similar patterns with timeouts
- How to
insert a single timeout?$('.some').doSome().wait(timeout).doLater();
- How to
invoke a single function after a timeout?$.wait(timeout, function(){ … });
- How to
invoke a callback at some specific point in the timeline?$some.timingStuff().then(callback).doMore();
- How to
interrupt timeouts for some elements?// $('.some').wait(timeout)… $('.some').unwait();
- How to
concatenate function calls with timeouts?$.wait(first-timeout, function(){ … }) .wait(second-timeout, function(){ … }) .wait(third-timeout, function(){ … });
- How to
interrupt timeouts from static usage of wait()?// $.wait(timeout)… $.unwait();