Delay the Function Execution with JavaScript setTimeout

Web Design & Web Development

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.

Sponsored links

Demo

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

Sponsored links

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);
});