Execute code every 10 seconds but start on 0 seconds too

Question

I want to execute code every 10 seconds, but also on page load. I mean I want the code to execute when the page loads initially then every 10 seconds. The following code only executes the code initially after 10 seconds.

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

Thanks!

Answer 1

You can do this :

(function(){
   var f = function() {
     // do something
   };
   window.setInterval(f, 10000);
   f();
})();

The IIFE is used here to avoid polluting the enclosing namespace.

Answer 2

First execute the function in $.ready and then start the interval with that same function.

Something along the lines of:

$(function() {
    var f = function() { };

    f();
    window.setInterval(f, 10000);
});

Answer 3

Don't inline the function, and then just call it immediately:

window.setInterval(foo, 10000);
foo();

function foo()
{
    //Do Stuff
}