Delay the Function Execution with JavaScript setTimeout

10/12/2021

Contents

In this article, I will introduce how to delay the function execution with JavaScript setTimeout.

What is setTimeout()?

To delay the function execution, you can use the JavaScript setTimeout() method.

The syntax is below.

setTimeout(function, delay);

The “delay” parameter is the time interval in milliseconds.
For example, if you enter 1000 for “delay”, the function will be executed after 1 second.

Demo

A message will be displayed 3 seconds after clicking the button.

Code

HTML

<button type="button" id="btn">Start</button>

JavaScript

const btn = document.getElementById('btn');

function showMsg() {
  alert("Hello!");
}

btn.addEventListener('click', () => {
  setTimeout(showMsg, 3000);
});