节点帮助

JavaScript 等待5秒（开发人员如何使用）

发布 2024年六月6日

在 JavaScript 中，等待特定的持续时间（如 5 秒）是一个常见的要求。无论您是想延迟操作还是模拟加载状态，了解如何在 JavaScript 中实现延迟对于同步代码都至关重要。在本文中，我们将探讨以下各种方法在 JavaScript 中等待 5 秒此外，译文还将介绍暂停 JavaScript 执行的每种方法，并附有示例。此外，我们还将在以下工具的帮助下创建 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 的控制台输出()在翻译过程中，译员必须使用.NET 功能，并等待 5000 毫秒或 5 秒钟。

2.使用承诺和 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 秒。

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 清除时间间隔。()函数。

JavaScript 等待 5 秒(如何为开发人员服务):图 3 - 使用 JavaScript setInterval 的控制台输出()在翻译过程中，您必须使用.NET 方法，并等待 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 生成 PDF 的 JavaScript 库该工具提供了一个 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 等待 5 秒 IronPDF

现在，让我们看看如何将 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 消息。

结论

在 JavaScript 中等待特定的持续时间是开发人员经常遇到的任务。在本文中，我们探讨了在 JavaScript 中等待 5 秒的各种方法，包括使用 setTimeout(), 承诺与 async/await, setInterval()、新承诺() 和 JavaScript 睡眠功能。

此外，我们还介绍了IronPDF JS用于使用 JavaScript 管理 PDF 文件。有关更多代码示例，请访问IronPDF Node.js 示例.

通过了解这些技术和工具，您可以在 JavaScript 应用程序中有效地实现延迟，并在生成 PDF 文档或执行异步操作等更复杂的任务中使用它们。无论您是初学者还是经验丰富的开发人员，扎实掌握这些基础知识都将提高您的编码技能，使您能够编写出更高效、更强大的 JavaScript 应用程序。

< 前一页
重试 Node.js（开发人员如何工作）

下一步 >
Node.js 用于什么