節點幫助

JavaScript 等待5秒(開發人員如何使用)

在 JavaScript 中,等待特定時間(例如 5 秒)是一個常見的需求。 無論您是想延遲一個動作還是模擬載入狀態,了解如何在JavaScript中實現延遲對於同步代碼是至關重要的。 在本文中,我們將探索在 JavaScript 中等待 5 秒的各種方法,並為每種方法提供範例來暫停 JavaScript 的執行。 此外,我們將使用IronPDF for Node.js 的非同步功能和設定定時功能來建立 PDF 檔案。

1. 使用 setTimeout()

setTimeout() 函數是 JavaScript 的內建函數,用於在指定的毫秒延遲後執行一個特定的函數或代碼片段。

範例

console.log("Start");
setTimeout(() => {
    console.log("Waited for 5 seconds");
}, 5000);
console.log("End");
js
JAVASCRIPT

在此範例中,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();
js
JAVASCRIPT

在此範例中,delay() 函數使用 async/await 透過 Promise 暫停執行 5 秒。

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");
js
JAVASCRIPT

在這裡,setInterval() 函數每五秒重複執行一次提供的函數,直到我們用 clearInterval() 函數清除間隔。

![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");
});
js
JAVASCRIPT

在此範例中,delay() 函數返回一個在 5 秒後解析的 Promise,我們使用 .then() 在延遲後執行程式碼。

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

5. IronPDF JS 介紹

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

安裝 IronPDF JS

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

npm install @ironsoftware/ironpdf

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");
})();
js
JAVASCRIPT

在這段程式碼中,async() 函式使用 async/awaitsetTimeout() 等待 5 秒。 延遲後,它使用 IronPDF 的PdfDocument.fromHtml()方法創建一個帶有簡單HTML內容的新PDF文件。 您可以根據您的特定要求替換 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 睡眠函數。

此外,我們推出了 IronPDF JS,用於使用 JavaScript 管理 PDF 檔案。 如需更多程式碼範例,請造訪 IronPDF Node.js 示範

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

Darrius Serrant
全端軟體工程師(WebOps)

Darrius Serrant 擁有邁阿密大學的計算機科學學士學位,目前擔任 Iron Software 的全端 WebOps 行銷工程師。自幼對編程產生興趣,他認為計算機既神秘又易於接觸,使其成為創造力和解決問題的完美媒介。

在 Iron Software,Darrius 享受創造新事物並簡化複雜概念使其更易理解的過程。作為我們的其中一位常駐開發人員,他也自願教導學生,將他的專業知識傳授給下一代。

對 Darrius 來說,他的工作之所以令人滿足,是因為它受到重視並且產生了真正的影響。

< 上一頁
重試 Node.js(開發人員的運作方式)
下一個 >
Node.js 用於什麼用途

準備開始了嗎? 版本: 2025.5 剛剛發布

查看許可證 >