JavaScript setTimeout() method

The setTimeout() method in JavaScript is used to execute a function after waiting for the specified time interval. This method returns a numeric value that represents the ID value of the timer.

Unlike the setInterval() method, the setTimeout() method executes the function only once. This method can be written with or without the window prefix.

We can use the clearTimeout() method to stop the timeout or to prevent the execution of the function specified in the setTimeout() method. The value returned by the setTimeout() method can be used as the argument of the clearTimeout() method to cancel the timer.

The commonly used syntax of the setTimeout() method is given below.

Syntax

Parameter values

This method takes two parameter values function and milliseconds that are defined as follows.

function: It is the function containing the block of code that will be executed.

milliseconds: This parameter represents the time-interval after which the execution of the function takes place. The interval is in milliseconds. Its default value is 0. It defines how often the code will be executed. If it is not specified, the value 0 is used.

Let's understand the use of setTimeout() method by using some illustrations.

Example1

This is a simple example of using the setTimeout() method. Here, an alert dialog box will display at an interval of two seconds. We are not using any method to prevent the execution of the function specified in setTimeout() method. So the setTimeout() method executes the specified function only once, after the given time interval.

Test it Now

Output

JavaScript setTimeout() method

After an interval of two seconds, the output will be -

JavaScript setTimeout() method

Example2

It is another example of using the setTimeout() method. Here, a new tab opens after a time interval of two seconds and gets close after two seconds of opening. We are using the window.open() method to open a new tab and window.close() method to close the opened tab.

Because we are not using any method to prevent the execution of the function specified in setTimeout() method. So the function gets execute only once, after the given time interval.

Test it Now

Output

JavaScript setTimeout() method

After two seconds, a new tab will open as follows -

JavaScript setTimeout() method

The new tab is closed after the interval of two seconds.

Example3

In the above examples, we have not used any method to prevent the execution of function specified in setTimeout(). Here, we are using the clearTimeout() method to stop the function's execution.

We have to click the given stop button before two seconds to see the effect.

Test it Now

Output

JavaScript setTimeout() method

The output will remain same if the user clicks the stop button before two seconds. Otherwise, a new tab will open after two seconds and close after two seconds of opening.






Contact US

Email:[email protected]

JS setTimeout() method
10/30