how do you run a function every 5 seconds in javascript [duplicate]

Question

I am trying to create a javascript which if I click on a div1, I need load_data1() function to refresh every 5 seconds. If the user clicks on div2 or div3, I need load_data1() function to stop. As the code below, when I click on the div1, load_data1() function runs after 5 second and stops, it does not run after that, any ideas what I might be missing here?

 $(document).ready(function(){ $.ajaxSetup({ cache: false }); var timeout; function timeout_init() { timeout=setTimeout('load_data1()', 5000); return timeout; } $("#div1").click(function() { timeout_init(); }); $("#div2").click(function() { clearTimeout(timeout); load_data2(); }); $("#div3").click(function() { clearTimeout(timeout); load_data3(); }); });

Check out diff b/w setInterval and setTimeout. Also refrain from using string expression on these, use the function reference instead. — PSL
– PSL, Commented Nov 4, 2013 at 21:22
For future reference, for goodness' sake please Google first. A simple search for how do you run a function every 5 seconds in javascript would have solved your problem. — Pekka
– Pekka, Commented Nov 4, 2013 at 21:24
If you simply googled your title, your answer would have been in the first result... — Sumurai8
– Sumurai8, Commented Nov 4, 2013 at 21:24
@PSL, I am not very familiar with javascript, can you elaborate? — user1471980
– user1471980, Commented Nov 4, 2013 at 21:24
I was able to replace setTimeout with setInterval, it worked. Thanks everybody. — user1471980
– user1471980, Commented Nov 4, 2013 at 21:32

monastic-panic · Accepted Answer · 2013-11-04 21:24:01Z

3

you want to use setInterval() instead of setTimeout which only fires the one time, setInterval will keep firing until you clear it

answered Nov 4, 2013 at 21:24

monastic-panic

3,9971 gold badge24 silver badges20 bronze badges

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

2 Comments

user1471980 Over a year ago

I followed your recommendation it is working but I do have a concern. if the setInterval value is 60000ms, when I click on a tab, it waits 60000ms to load the page. I really need the page to load when clicked on the tab immediately then refresh every 60000ms. Any ideas how I would do this?

monastic-panic Over a year ago

just call your function first before the setInterval. from your example in the timeout_init function, you can do load_data2(); setInterval(load_data2, 6000);

Andrei CACIO · Accepted Answer · 2013-11-04 21:24:20Z

You can try something like this:

window.setInterval(function(){ /// call your function here }, 5000);

It's an anonymous function that will run every 5 seconds.

Collectives™ on Stack Overflow

how do you run a function every 5 seconds in javascript [duplicate]

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related