清除设置超时 Javascript

Question

I am creating Tabs in javascript in my ASP.Net web site. Say Tab 1 Tab 2--- Tab 10. When I click on Tab 1 it shows some data and I call setTimeout function that keeps refreshing the Tab 1 data. My problem is when i switch to other tabs the settimeout function still keep running in the background, that i don't want. How can i stop this on moving to other tabs.

Thanks

Regards Vivek

Answer 1

You could use the clearTimeout function. Example:

var timeoutHandle = window.setTimeout(function() {
    // ...
}, 5000);

and later you could:

window.clearTimeout(timeoutHandle);

There are also the setInterval / clearInterval methods which could be used. Contrary to setTimeout , the setInterval function executes the callback multiple times until cleared. A similar behavior could be achieved with setTimeout by recursively calling the callback.