JS 同步等待5秒后执行

JS 同步等待5秒后执行

在 JavaScript 中，通常我们使用异步操作来处理耗时的任务，比如请求后端接口、读取文件等。然而有时候我们可能需要在某个地方添加延迟，等待一段时间后再继续执行后续逻辑。本文将详细介绍如何在 JavaScript 中实现同步等待5秒钟后再执行代码。

使用 setTimeout 函数

JavaScript 中的 setTimeout 函数可以用来延迟执行指定的代码块。我们可以结合 Promise 对象来实现同步等待指定时间后执行代码的效果。下面是一个示例：

function waitFiveSeconds() {
    return new Promise(resolve => {
        setTimeout(() => {
            resolve();
        }, 5000); // 5000 毫秒即 5 秒
    });
}

async function executeAfterFiveSeconds() {
    console.log("Start");

    await waitFiveSeconds();

    console.log("After 5 seconds");
}

executeAfterFiveSeconds();

上面的代码中，我们定义了一个 waitFiveSeconds 函数，其返回一个 Promise 对象，在 5 秒后 resolve。然后在 executeAfterFiveSeconds 函数中使用 await 关键字等待 waitFiveSeconds 函数执行完成后再继续执行后续逻辑。

运行结果

如果你在浏览器的控制台或 Node.js 环境下运行上面的代码，你将会看到以下输出：

Start
（5秒后）
After 5 seconds

总结

通过上面的示例，我们学会了如何在 JavaScript 中实现同步等待5秒钟后再执行代码的效果。通过结合使用 setTimeout 函数和 Promise 对象，我们可以很方便地实现这个需求。