Skip to content
Related Articles

Related Articles

Improve Article

How to call a function repeatedly every 5 seconds in JavaScript ?

  • Last Updated : 16 Apr, 2020
Geek Week

The setInterval() method in JavaScript can be used to perform periodic evaluation of expression or call a JavaScript function.

Syntax:

setInterval(function, milliseconds, param1, param2, ...)

Parameters: This function acceps the following parameters:

  • function: Thi sparameter holds the function name which to be called periodically.
  • milliseconds: This parameter holds the period, in milliseconds, setInterval() calls/executes the function above.
  • param1, param2, … : Some additional parameters to be passed as input parameters to function.

Return Value: This method returns the ID representing timer set by the method. This ID can be used to clear/unset the timer by calling clearInterval() method and passing it this ID as a parameter.

Example: Suppose we want to create a reminder timer which goes off every 5 seconds and alerts through a JavaScript alert box.






<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to call a function
        repeatedly every 5 
        seconds in JavaScript ?
    </title>
</head>
  
<body>
    <p>
        Click the button to start
        timer, you will be alerted
        every 5 seconds until you
        close the window or press
        the button to stop timer
    </p>
      
    <button onclick="startTimer()">
        Start Timer
    </button>
      
    <button onclick="stopTimer()">
        Stop Timer
    </button>
      
    <script>
        var timer;
          
        function startTimer() {
            timer = setInterval(function() { 
                alert("5 seconds are up"); 
            }, 5000);
        }
          
        function stopTimer() {
            alert("Timer stopped");
            clearInterval(timer); 
        }
    </script>
</body>
  
</html>

Output:

  • Before clicking the button:
  • After clicking the button:

In the above example, the setInterval() method repeatedly evaluates an expression/calls a function. The way to clear/unset the timer set by setInterval() method is to use the clearInterval() method and passing it the ID/value returned on calling setInterval().

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it’s lowest price ever!




My Personal Notes arrow_drop_up
Recommended Articles
Page :