在實際環境中測試
在生產環境中測試無浮水印。
在任何需要的地方都能運作。
在JavaScript中,等待特定的時間(例如5秒)是一個常見的需求。無論是想延遲一個動作還是模擬加載狀態,了解如何在JavaScript中實現延遲對於同步代碼非常重要。在本文中,我們將探討各種方法來 在 JavaScript 中等待 5 秒钟,還有每個方法的示例來暫停 JavaScript 執行。我們還將使用 IronPDF 來建立 PDF 文件。 IronPDF for Node.js 藉助於非同步函數和設定超時函數。
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")
在這個範例中,setTimeout 中的程式碼()** 函數將在延遲5000毫秒後執行 (或 5 秒).
您還可以使用 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()
在這個例子中,延遲()這個函數使用async/await透過 Promise 暫停執行5秒。
雖然 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")
在這裡,setInterval()功能會每5秒重複執行提供的功能,直到我們使用clearInterval清除間隔時間() 函數。
您可以使用 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)
在這個例子中,延遲() 函數返回一個在5秒後解決的Promise,我們使用 .then() 在延遲後執行代碼。
IronPDF 還提供一個 JavaScript 函式庫,使開發人員能夠直接從客戶端的 JavaScript 操作和生成 PDF 文件。它提供了一系列功能來使用 JavaScript 創建、編輯和轉換 PDF 文件。
要開始使用 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
現在,讓我們看看如何將 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)()
在此程式碼片段中,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 應用程式。