資料結構
網路
關係資料庫管理系統
作業系統
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+ 瀏覽量
廣告