How to use the setTimeout function in JavaScript?

The setTimeout function in JavaScript is to call a function or calculation expression after a specified number of milliseconds. Its syntax is "setTimeout(func,ms)". The return value is an ID, which can be passed Give "clearTimeout" function to cancel execution.

Browser support

Example Code

"Hello" pops up after 3 seconds (3000 milliseconds):

var myVar; function myFunction() { myVar = setTimeout(alertFunc, 3000);} function alertFunc() { alert("Hello!");}

Modify the text in the input box at 2, 4, and 6 seconds:

var x = document.getElementById("txt"); setTimeout(function(){ x.value = "2 秒" }, 2000); setTimeout(function(){ x.value = "4 秒" }, 4000); setTimeout(function(){ x.value = "6 秒" }, 6000);

Use clearTimeout() to prevent the execution of the function:

var myVar; function myFunction() { myVar = setTimeout(function(){ alert("Hello") }, 3000); } function myStopFunction() { clearTimeout(myVar); }

Recommended tutorial: "JS Tutorial"

The above is the detailed content of How to use the setTimeout function in JavaScript?. For more information, please follow other related articles on the PHP Chinese website!