Sometimes you’re in JS and you want to perform some task once something else returns (as is reasonable in an asynchronous world), but if you just fire off a bunch of intervals, you’ll eventually choke the browser. My solution is to add geometric timer falloff and a maximum timeout. this way the longer the task takes the less work we do as we wait, and at some point (in this example ~16 seconds) it gives up. This strategy has been working well for me.<\/p>\n
| <\/td>\n | if<\/span>(!<\/span>Function<\/span>.actionTimeout<\/span>) Function<\/span>.actionTimeout<\/span> =<\/span> 16384<\/span>;<\/td>\n <\/tr>\n | <\/td>\n | if<\/span>(!<\/span>Function<\/span>.whenTrue<\/span>){<\/td>\n <\/tr>\n | <\/td>\n | Function<\/span>.implement<\/span>({<\/td>\n <\/tr>\n | <\/td>\n | whenTrue<\/span> :<\/span> function<\/span>(actionFunction<\/span>, args<\/span>, delayFunction<\/span>, timeoutFunction<\/span>, timeout<\/span>, counter<\/span>){<\/td>\n <\/tr>\n | <\/td>\n | if<\/span>(!<\/span>timeout) timeout =<\/span> Function<\/span>.actionTimeout<\/span>;<\/td>\n <\/tr>\n | <\/td>\n | if<\/span>(!<\/span>counter) counter =<\/span> 0<\/span>;<\/td>\n <\/tr>\n | <\/td>\n | if<\/span>(!<\/span>timeoutFunction) timeoutFunction<\/span> =<\/span> function<\/span>(event<\/span>){<\/td>\n <\/tr>\n | <\/td>\n | throw<\/span>('<\/span>Condition not met after '<\/span><\/span>+<\/span>event<\/span>.time<\/span>+<\/span>'<\/span>ms'<\/span><\/span>);<\/td>\n <\/tr>\n | <\/td>\n | };<\/td>\n <\/tr>\n | <\/td>\n | var<\/span> result =<\/span> this<\/span>();<\/td>\n <\/tr>\n | <\/td>\n | if<\/span>(!<\/span>result){<\/td>\n <\/tr>\n | <\/td>\n | var<\/span> delayTime =<\/span> Math<\/span>.pow<\/span>(2<\/span>, counter); \/\/ geometric falloff<\/span><\/td>\n <\/tr>\n | <\/td>\n | if<\/span>(delayTime >=<\/span> timeout){<\/td>\n <\/tr>\n | <\/td>\n | timeoutFunction<\/span>({<\/td>\n <\/tr>\n | <\/td>\n | count :<\/span> counter,<\/td>\n <\/tr>\n | <\/td>\n | time :<\/span> delayTime<\/td>\n <\/tr>\n | <\/td>\n | });<\/td>\n <\/tr>\n | <\/td>\n | return<\/span>;<\/td>\n <\/tr>\n | <\/td>\n | }<\/td>\n <\/tr>\n | <\/td>\n | counter++<\/span>;<\/td>\n <\/tr>\n | <\/td>\n | this<\/span>.whenTrue<\/span>.delay<\/span>(delayTime, this<\/span>, [actionFunction, args, delayFunction, timeoutFunction, timeout, counter]);<\/td>\n <\/tr>\n | <\/td>\n | if<\/span>(delayFunction) delayFunction<\/span>({<\/td>\n <\/tr>\n | <\/td>\n | count :<\/span> counter,<\/td>\n <\/tr>\n | <\/td>\n | time :<\/span> delayTime<\/td>\n <\/tr>\n | <\/td>\n | });<\/td>\n <\/tr>\n | <\/td>\n | }else<\/span>{<\/td>\n <\/tr>\n | <\/td>\n | actionFunction.apply<\/span>(this<\/span>, args);<\/td>\n <\/tr>\n | <\/td>\n | }<\/td>\n <\/tr>\n | <\/td>\n | }<\/td>\n <\/tr>\n | <\/td>\n | });<\/td>\n <\/tr>\n | <\/td>\n | }<\/td>\n <\/tr>\n<\/table>\n\n <\/div>\n\n <\/div>\n \n<\/div>\n\n <\/div>\n | |