定义和用法
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
提示： 1000 毫秒= 1 秒。
提示： 如果你只想重复执行可以使用 setInterval() 方法。
提示： 使用 clearTimeout() 方法来阻止函数的执行。
所有主要浏览器都支持 setTimeout() 方法
语法
setTimeout(code, milliseconds, param1, param2, ...)
setTimeout(function, milliseconds, param1, param2, ...)| 参数 | 描述 |
|---|---|
| code/function | 必需。要调用一个代码串，也可以是一个函数。 |
| milliseconds | 可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。 |
| param1, param2, … | 可选。 传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。 |
技术细节
| 返回值: | 返回一个 ID（数字），可以将这个ID传递给 clearTimeout() 来取消执行。 |
|---|
实例
DEMO1：3 秒（3000 毫秒）后弹出 “Hello” ：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>
<p>点击按钮，3 秒后会弹出 "Hello"。</p>
<button onclick="myFunction()">点我</button>
<script>
var myVar;
function myFunction() {
myVar = setTimeout(alertFunc, 3000);
}
function alertFunc() {
alert("Hello!");
}
</script>
</body>
</html>DEMO2：在第 2、4、6 秒修改输入框中的文本。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.com)</title>
</head>
<body>
<p>点击按钮，在第 2、4、6 秒修改输入框中的文本：</p>
<button onclick="timedText()">显示时间文本</button>
<input type="text" id="txt">
<script>
function timedText() {
var x = document.getElementById("txt");
setTimeout(function(){ x.value="2 秒" }, 2000);
setTimeout(function(){ x.value="4 秒" }, 4000);
setTimeout(function(){ x.value="6 秒" }, 6000);
}
</script>
</body>
</html>作者：terry，如若转载，请注明出处：https://www.web176.com/javascriptbook/brtips/3745.html
支付宝 
微信 