Window setTimeout() 方法 | Window 对象

返回到:Browser 对象:Window 对象

定义和用法

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

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年9月15日 下午5:36
下一篇 2021年9月15日 下午5:45

相关推荐

发表回复

登录后才能评论