节点帮助

JavaScript 等待5秒(开发人员如何使用)

发布 2024年六月6日
分享:

在 JavaScript 中,等待特定的持续时间(如 5 秒)是一种常见的要求。无论您是想延迟操作还是模拟加载状态,了解如何在 JavaScript 中实现延迟对于同步代码都至关重要。在本文中,我们将探讨各种方法,以 在 JavaScript 中等待 5 秒以及暂停 JavaScript 执行的每种方法的示例。此外,我们还将借助 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.使用承诺和 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 - 在 Promise 中异步使用 JavaScript setTimeout() 函数并等待 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() 方法等待 5000 毫秒或 5 秒后的控制台输出。然后使用 clearInterval() 函数清除时间间隔。

4.使用新的承诺()

您可以使用 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 库,使开发人员能够直接从客户端 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/awaitsetTimeout 等待 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, setInterval()新承诺() 和 JavaScript 睡眠功能。

此外,我们还引入了 IronPDF JS 访问官方网站。更多代码示例请访问 页码.

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

< 前一页
重试 Node.js(开发人员如何工作)
下一步 >
Node.js 用于什么

准备开始了吗? 版本: 2024.9 刚刚发布

免费 npm 安装 查看许可证 >