節點幫助

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 秒).

JavaScript 等待 5 秒钟(開發者如何使用)：圖 1 - 使用 JavaScript 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 暫停執行 5 秒，透過 Promise 實現。

JavaScript 等待 5 秒钟(開發者如何使用)：圖 2 - 使用 JavaScript setTimeout 的控制台輸出()在 Promise 中異步執行函數並等待 5000 毫秒或 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 清除該間隔為止。() function.

JavaScript 等待 5 秒钟(開發者如何使用): 圖 3 - 使用 JavaScript setInterval 的控制台輸出()方法並等待5000毫秒或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() 在延遲後執行程式碼。

JavaScript 等待 5 秒 (開發人員如何使用)：圖4 - 使用 Promise 和 JavaScript 的 delay() 和 then() 函數，並等待 5 秒的控制台輸出。

5. IronPDF JS 介紹

IronPDF JavaScript 庫用於 PDF 生成提供一個 JavaScript 庫，使開發人員能夠直接從客戶端 JavaScript 操作和生成 PDF 文檔。它提供了一系列功能，可使用 JavaScript 創建、編輯和轉換 PDF 文件。

安裝 IronPDF JS

若要開始使用 IronPDF JS，您需要在專案中包含 IronPDF JavaScript 庫。您可以透過CDN包含它或直接從IronPDF網站下載它。

npm install @ironsoftware/ironpdf

npm install @ironsoftware/ironpdf

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'npm install @ironsoftware/ironpdf

VB C#

6. 使用 JavaScript 搭配 IronPDF 等待 5 秒鐘

現在，讓我們看看如何將 JavaScript 程式碼的延遲技術與 IronPDF 結合起來，使用非同步 JavaScript 直譯器在以下程式碼片段中等待 5 秒後創建 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 等待 5 秒钟(開發者如何使用)：圖 5 - 使用 JavaScript 的 setTimeout 的控制台輸出()等待 5 秒的函數執行中。然後，IronPDF 程式碼開始運行以將 HTML 字串轉換為 PDF 文件，並在控制台顯示訊息 PDF Created after wait。

結論

在 JavaScript 中，等待特定時間是開發人員經常遇到的常見任務。在本文中，我們探討了在 JavaScript 中等待 5 秒的各種方法，包括使用 setTimeout。()，使用 async/await 的 Promises，setInterval()，和new Promise()** 和 JavaScript 的 sleep 函數。

此外，我們引入了IronPDF JS使用 JavaScript 管理 PDF 檔案。如需更多代碼範例，請訪問IronPDF Node.js 範例.

通過理解這些技術和工具，您可以在您的 JavaScript 應用程式中有效地實現延遲，並將其用於更複雜的任務，例如生成 PDF 文檔或執行異步操作。無論您是初學者還是經驗豐富的開發者，對這些基本概念有一個扎實的掌握都將提升您的編程技能，並使您能夠編寫更高效和穩健的 JavaScript 應用程式。

< 上一頁
重試 Node.js（開發人員的運作方式）

下一個 >
Node.js 用於什麼用途