Clear Set TimeOut 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

Darin Dimitrov · Accepted Answer · 2011-04-30 09:43:58Z

3

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.

answered Apr 30, 2011 at 9:43

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Vivek Over a year ago

Thanks Darin. I tried this but in my case when i again come on Tab 1 then SetTimeout function throws an error "Invalid Parameters". Is it so that once time out is cleared out we can not re call settimeout?

Darin Dimitrov Over a year ago

@Vivek, normally there shouldn't be any problems of reassigning the setTimeout. Unfortunately as you haven't shown any code I am unable to provide you with more help.

Collectives™ on Stack Overflow

Clear Set TimeOut Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related