[Edit]

JavaScript - setTimeout example

1 contributors

2 contributions

0 discussions

0 points

Created by:

Krzysiek

741

In this article, we would like to show you how to use setTimeout in JavaScript.

Quick solution:

xxxxxxxxxx
 
let x = 0;
const action = () => {
  console.log(x);
  if (++x < 3) {
    setTimeout(action, 1000);
  }
};
setTimeout(action, 1000);

Auto running

setTimeout is a method that sets a timer that executes a function or specified piece of code after the timer expires.

Basic version of setTimeout takes in two arguments:

a function (or piece of code) to be executed,
delay - time in milliseconds the timer should wait before the function or code passed in as a first argument is executed.

You can also pass additional arguments which will be passed through to the function.

Note:

You can find more information about setTimeout and passing arguments to the method - here.

1. Basic `setTimeout` example

Edit

Below we create a function with setTimeout inside that calls the function three times every 1 second.

Arguments passed:

function: action,
delay: 1000 (1 second).

Runnable example:

xxxxxxxxxx
 
let x = 0;
const action = () => {
  console.log(x);
  if (++x < 3) {
    setTimeout(action, 1000);
  }
};
setTimeout(action, 1000);

Auto running

2. `setTimeout` with additional arguments example

Edit

Below we create a function that takes in two arguments which we will pass through the setTimeout as additional arguments after function and delay.

Runnable example:

xxxxxxxxxx
 
const action = (arg1, arg2) => {
  console.log(arg1 + arg2);
};
​
console.log('setTimeout will display text in 3 seconds...');
setTimeout(action, 3000, 'Hello ', 'world!')