Related Articles

Related Articles

Java Script | setTimeout() & setInterval() Method
  • Last Updated : 26 Jul, 2019

setTimeout() method
The setTimeout() method executes a function, after waiting a specified number of milliseconds.
Syntax:

window.setTimeout(function, milliseconds);

Parameter: There are two parameter that accepted by this method

  • function : first parameter is a function to be executed
  • milliseconds : indicates the number of milliseconds before execution takes place.

For example, we want an alert box to pop up, 2 seconds after the user presses the click me button.
Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>
       HTML | DOM Window setTimeout() method
    </title>
</head>
  
<body>
  
    <button onclick="setTimeout(gfg, 2000);">
      Press me
    </button>
  
    <script>
        function gfg() {
            alert('Welcome to GeeksforGeeks');
        }
    </script>
  
</body>
  
</html>

chevron_right


Output:
As soon as the user presses the “press me” button, then after a pause of 2 seconds this message alert
box will pop up.

setInterval() Method
The setInterval() method repeats a given function at every given time-interval.
Syntax:



window.setInterval(function, milliseconds);

Parameter: There are two parameter that accepted by this method

  • function : first parameter is the function to be executed
  • milliseconds :indicates the length of the time-interval between each execution.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML | DOM Window setTimeout() method
    </title>
</head>
  
<body>
  
    <p>I will say hi many times</p>
  
    <p id="GFG"></p>
  
    <script>
        var myVar = setInterval(myTimer, 1000);
  
        function myTimer() {
            document.getElementById("GFG").innerHTML +=
                                            "<p>Hi</p>";
        }
    </script>
  
</body>
</html>

chevron_right


Output:
After every second a new “hi” message will be displayed.

Then:

Supported Browser: The browser supported by setTimeout() & setInterval() Method are listed nelow:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

full-stack-img




My Personal Notes arrow_drop_up
Recommended Articles
Page :