Call function on load with setInterval

Question

I have a function update() that is called at 5 second intervals:

setInterval(function() {
    update();
}, 5000);

My objective, however, is to call the function immediately on load and then every 5 seconds after that. How would one achieve this in javascript or jQuery ?

`window.onload = function() { update(); setInterval(update, 5000); };` — Jared Smith, Sep 05 '17 at 16:55
`window.addEventListener('load', update)` would trigger it on load. Why worry is the interval triggers it slightly sooner than 5 secs after? Otherwise, write a load function that calls update and sets the interval and attach it to the load events as before. — somethinghere, Sep 05 '17 at 16:56

Kulix · Answer 1 · 2017-09-05T16:58:21.800

4

You could do something like this.

Simply call update immediately, then add your timeout callback after that.

update();
setInterval(update, 5000);

edited Sep 05 '17 at 16:58

answered Sep 05 '17 at 16:54

Kulix

394
2
12

it's `setInterval` not `setTimeout`. – leigero Sep 05 '17 at 16:56

score 2 · Answer 2 · answered Sep 05 '17 at 16:55

Like this:

update();
setInterval(update, 5000);

This would call update() immediately.

If by "on load" you mean you want to wait until the page is loaded, you can do this in jQuery (since you asked about jQuery):

$(function () {
    update();
    setInterval(update, 5000);
});

Call function on load with setInterval

2 Answers2