在實際環境中測試
在生產環境中測試無浮水印。
在任何需要的地方都能運作。
全功能產品
獲得30天完全功能的產品。
幾分鐘內即可啟動並運行。
24/5技術支援
試用產品期間完全訪問我們的支援工程團隊
節點幫助
JavaScript 等待5秒（開發人員如何使用）
發佈 2024年6月6日
在JavaScript中，等待特定的時間（例如5秒）是一個常見的需求。無論是想延遲一個動作還是模擬加載狀態，了解如何在JavaScript中實現延遲對於同步代碼非常重要。在本文中，我們將探討各種方法來 在 JavaScript 中等待 5 秒钟，還有每個方法的示例來暫停 JavaScript 執行。我們還將使用 IronPDF 來建立 PDF 文件。 IronPDF for Node.js 藉助於非同步函數和設定超時函數。
1. 使用 setTimeout()
setTimeout()** 函數是一個內建的 JavaScript 函數，能在指定的毫秒數延遲後執行指定的函數或代碼片段。
範例
console.log("Start");
setTimeout(() => {
console.log("Waited for 5 seconds");
}, 5000);
console.log("End");console.log("Start");
setTimeout(() => {
console.log("Waited for 5 seconds");
}, 5000);
console.log("End");console.log("Start")
setTimeout(Sub()
console.log("Waited for 5 seconds")
End Sub, 5000)
console.log("End")VB C#
在這個範例中，setTimeout 中的程式碼()** 函數將在延遲5000毫秒後執行 (或 5 秒).
2. 使用 Promises 和 async/await
您還可以使用 Promises 和 async/await 在 JavaScript 中創建延遲，也稱為異步代碼。
範例
async function delay() {
console.log("Start");
await new Promise(resolve => setTimeout(resolve, 5000));
console.log("Waited for 5 seconds");
console.log("End");
}
delay();async function delay() {
console.log("Start");
await new Promise(resolve => setTimeout(resolve, 5000));
console.log("Waited for 5 seconds");
console.log("End");
}
delay();Async Function delay() As [function]
console.log("Start")
Await New Promise(Sub(resolve) setTimeout(resolve, 5000))
console.log("Waited for 5 seconds")
console.log("End")
End Function
delay()VB C#
在這個例子中，延遲()這個函數使用async/await透過 Promise 暫停執行5秒。
3. 使用 setInterval()
雖然 setInterval() 函數通常用於重複的操作，您也可以在設置所需的延遲時間後，通過清除間隔來創建一次性的延遲。
範例
console.log("Start");
let timer = setInterval(() => {
console.log("Waited for 5 seconds");
clearInterval(timer);
}, 5000);
console.log("End");console.log("Start");
let timer = setInterval(() => {
console.log("Waited for 5 seconds");
clearInterval(timer);
}, 5000);
console.log("End");console.log("Start")
Dim timer As let = setInterval(Sub()
console.log("Waited for 5 seconds")
clearInterval(timer)
End Sub, 5000)
console.log("End")VB C#
在這裡，setInterval()功能會每5秒重複執行提供的功能，直到我們使用clearInterval清除間隔時間() 函數。
4. 使用 new Promise()
您可以使用 new Promise 創建一個在指定延遲時間後解決的 Promise().**
範例
console.log("Start");
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
delay(5000).then(() => {
console.log("Waited for 5 seconds");
console.log("End");
});console.log("Start");
const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
delay(5000).then(() => {
console.log("Waited for 5 seconds");
console.log("End");
});console.log("Start")
const delay = Function(ms) New Promise(Sub(resolve) setTimeout(resolve, ms))
delay(5000).then(Sub()
console.log("Waited for 5 seconds")
console.log("End")
End Sub)VB C#
在這個例子中，延遲() 函數返回一個在5秒後解決的Promise，我們使用 .then() 在延遲後執行代碼。
5. IronPDF JS 簡介
IronPDF 還提供一個 JavaScript 函式庫，使開發人員能夠直接從客戶端的 JavaScript 操作和生成 PDF 文件。它提供了一系列功能來使用 JavaScript 創建、編輯和轉換 PDF 文件。
安裝 IronPDF JS
要開始使用 IronPDF JS，您需要在專案中包含 IronPDF JavaScript 庫。您可以通過 CDN 包含它，或直接從 IronPDF 網站下載。
npm install @ironsoftware/ironpdfnpm install @ironsoftware/ironpdf'INSTANT VB TODO TASK: The following line uses invalid syntax:
'npm install @ironsoftware/ironpdfVB C#
6. 使用 JavaScript 於 IronPDF 等待 5 秒
現在，讓我們看看如何將 JavaScript 程式碼延遲技術與 IronPDF 結合起來，在下面的程式碼片段中，在等待 5 秒的非同步 JavaScript 解釋器後，創建一個 PDF 文件。
範例程式碼
import {PdfDocument} from "@ironsoftware/ironpdf";
(async () => {
const html_a = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
await new Promise(resolve => setTimeout(resolve, 5000));
const pdfdoc_a = await PdfDocument.fromHtml(html_a);
await pdfdoc_a.saveAs("Waited.pdf");
console.log("PDF Created after wait");
})();import {PdfDocument} from "@ironsoftware/ironpdf";
(async () => {
const html_a = `<html><body><h1>Hello, IronPDF!</h1></body></html>`;
await new Promise(resolve => setTimeout(resolve, 5000));
const pdfdoc_a = await PdfDocument.fromHtml(html_a);
await pdfdoc_a.saveAs("Waited.pdf");
console.log("PDF Created after wait");
})();import
If True Then
PdfDocument
End If
from "@ironsoftware/ironpdf"
(Async Function()
const html_a = `(Of html)(Of body)(Of h1) Hello, IronPDF!</h1></body></html>`
Await New Promise(Sub(resolve) setTimeout(resolve, 5000))
const pdfdoc_a = Await PdfDocument.fromHtml(html_a)
Await pdfdoc_a.saveAs("Waited.pdf")
console.log("PDF Created after wait")
End Function)()VB C#
在此程式碼片段中，async() 函數使用 async/await 和 setTimeout 等待 5 秒鐘()在延遲之後，它會使用 IronPDF 的 PdfDocument.fromHtml 創建一個新的 PDF 文件。()** 方法來處理簡單的HTML內容。您可以根據具體需求替換PDF生成代碼，或使用生成的PDF數據進行進一步處理。
結論
在 JavaScript 中等待特定的時間是開發人員經常遇到的任務。在本文中，我們探討了在 JavaScript 中等待5秒的各種方法，包括使用 setTimeout。()，使用 async/await 的 Promises，setInterval()，和new Promise()** 和 JavaScript 休眠功能。
此外，我們介紹了 IronPDF JS 造訪官方網站。欲了解更多程式碼範例，請造訪此 頁面透過了解這些技術和工具，您可以有效地在 JavaScript 應用程式中實現延遲，並在更複雜的任務中加以利用，例如生成 PDF 文件或執行異步操作。不管您是初學者還是經驗豐富的開發者，掌握這些基本原理都將提升您的編碼技巧，使您能夠撰寫更高效且健壯的 JavaScript 應用程式。
