How to concatenate function calls with timeouts?
Compact syntax with timing methods:
1
2
3
$.wait(first-timeout, function(){ … })
.wait(second-timeout, function(){ … })
.wait(third-timeout, function(){ … });
Compare this to the old way with more syntactic fluff:
1
2
3
4
5
6
7
8
9
setTimeout(function(){
…
setTimeout(function(){
…
setTimeout(function(){
…
}, third-timeout);
}, second-timeout);
}, first-timeout);
Similar patterns with callbacks
- 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
repeat a single callback on interval?$.repeat(interval, function(){ … });
- How to
invoke a function on each element without timing?$('.many').each(function(i,elem){ … });
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
insert multiple timeouts?$('.some').doSome().wait(first-timeout).jQueryStuff() .wait(second-timeout).doLater().jQueryStuff();
- How to
interrupt timeouts from static usage of wait()?// $.wait(timeout)… $.unwait();