Cancel Javascript timeout

Question

I have a long process hosted on a Web Server. The thing is triggered from a Web Page, at the click of a button by a user. Some Javascript polls regularly via Ajax to check if the operation has completed server side. To do this, I use setInterval, and later on clearInterval to stop polling.

If this takes too long (e.g. server has crashed), I'd like the client to be informed by some sort of timeout. I've done some research and found about setTimeout. Problem is, if the operation finishes successfully before the timeout, I'd like to cancel this one.

1. How to do this ?
2. Would you suggest a different approach ?

PS : I'm targetting IE7/IE8 in particular, but always open to some JQuery

Answer 1

As long as you store your interval's id in a variable, you can use it to clear the interval at any time.

var interval = window.setInterval(yourFunction, 10000);

...elsewhere...

window.clearTimeout(interval);

For more information see the Mozilla Documentation's setInterval example.

Put together a quick JS Fiddle containing a modified version of Mozilla's Example.

Answer 2

To clear a setTimeout, use clearTimeout.