数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何在 JavaScript 中使用 setTimeout() 函数？
setTimeout() 函数由 window 对象提供，它仅在指定时间后调用指定的 JavaScript 函数。此函数在等待用户设置的超时时间后只会调用一次。
它类似于闹钟或提醒功能。同样，我们为所需的时间段设置超时，之后调用此函数。此方法用于需要在函数执行中添加延迟的地方。此方法也可用于 JQuert 中的动画或 DOM 操作。
setTimeoutsetTimeout() 函数中设置的输入应以毫秒为单位。
语法
setTimeout(function, milliseconds, param1, param2, ....)
参数
function − 这是需要在所需时间段后执行的所需函数。这是需要在所需时间段后执行的所需函数。
毫秒 − 这表示以毫秒为单位的延迟时间。
param1, param2 − 如果需要，这些是可选参数。
返回值
返回一个包含计时器 ID 的数字。我们可以使用此 ID 与 clearTimeout(id) 一起取消计时器。
示例 1
在下面的示例中，我们创建了一个简单的警报，它显示一些自定义消息。单击时，警报框将显示此消息。但是，由于我们在按钮中添加了超时，因此警报仅在指定的时间段后执行，在下面的代码示例中为 2 秒。
#文件名：index.html
<!DOCTYPE html>
<html>
<body>
<h1 style="color: red;">
Welcome To Tutorials Point
</h1>
<h2>The setTimeout() Method</h2>
<p>Click the following button. Wait 2 seconds for alert "Hello".</p>
<button onclick="myFunction()">Try it</button>
<script>
let timeout;
function myFunction() {
timeout = setTimeout(alertFunc, 2000);
}
function alertFunc() {
alert("Hello User... Start Learning now!");
}
</script>
</body>
</html>输出
单击“尝试”按钮后，2 秒钟后将弹出一个警报框，显示消息。
示例 2
在下面的示例中，我们在超时 3 秒后显示传递给 myFunct() 方法的参数。
#文件名：index.html
<!DOCTYPE html>
<html>
<body>
<h1 style="color: red;">
Welcome To Tutorials Point
</h1>
<h2>setTimeout() Method</h2>
<p>In this example, we display the parameters passed to
myFunc()</p>
<div style="border: 2px solid black;">
<p id="demo"></p>
</div>
<script>
setTimeout(myFunc, 3000, "param1", "param2");
function myFunc(p1, p2) {
document.getElementById("demo").innerHTML = "Parameters: " + p1
+ " " + p2;
}
</script>
</body>
</html>输出
执行上述程序时，它将显示传递给 myFunc() 方法的参数。
更新于： 2022-04-28
4K+ 浏览量
广告