How to invoke a single function after a timeout?
Compact syntax with timing methods:
1
$.wait(timeout, function(){ … });
Compare this to the old way with more syntactic fluff:
1
setTimeout(function(){ … }, timeout);
Similar patterns with callbacks
- How to
invoke a callback at some specific point in the timeline?$some.timingStuff().then(callback).doMore();
- How to
concatenate function calls with timeouts?$.wait(first-timeout, function(){ … }) .wait(second-timeout, function(){ … }) .wait(third-timeout, function(){ … });
- 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 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
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();