Java Script | setTimeout() & setInterval() Method
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:
<!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
filter_none
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:
<!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
filter_none
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
Recommended Posts:
- How to wrap setTimeout() method in a promise ?
- How to Change the Time Interval of setinterval() Method at RunTime using JavaScript ?
- How to trigger setInterval loop immediately using JavaScript ?
- How to execute setInterval function without delay for the first time in JavaScript ?
- Run Python script from Node.js using child process spawn() method
- Why split the <script> tag when writing it within document.write() method in JavaScript ?
- JavaScript : The Awesome Script
- How do you run JavaScript script through the Terminal?
- How to tell if a <script> tag failed to load?
- Amazon auto signup script
- Difference between Java and JavaScript
- Nashorn JavaScript Engine in Java with Examples
- Lodash | _.take() Method
- jQuery | add() method with Example
- Lodash | _.xor() Method
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
