JavaScript 中实现 sleep 的方法

在 JavaScript 编程中，有时我们需要暂停代码执行一段时间，也就是实现 “睡眠” 效果。这在很多场景下都非常有用，比如制作动画时控制节奏，或者按特定时间间隔执行某些操作等。以下将介绍几种在 JavaScript 中实现 sleep 的方法。

使用 setTimeout 方法

setTimeout 是 JavaScript 内置的一个函数，它可以在指定的延迟时间后执行一段代码。利用这个特性，我们可以模拟 sleep 效果。示例代码如下：

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function main() {
    console.log('开始');
    await sleep(2000);
    console.log('2 秒后输出');
}

main();

在这段代码中，sleep 函数接收一个参数 ms 表示要暂停的毫秒数。它返回一个 Promise，通过 setTimeout 来延迟执行 resolve 函数，从而实现暂停效果。在 main 函数中，我们使用 await 等待 sleep 函数执行完毕，再继续执行后续代码。

使用 async/await 结合 Promise

async/await 是 ES8 引入的异步编程语法糖，它基于 Promise 实现。同样可以借助这一特性来实现 sleep。

function sleep(ms) {
    return new Promise((resolve) => {
        let startTime = Date.now();
        while (Date.now() - startTime < ms) {
            // 空循环，消耗时间
        }
        resolve();
    });
}

async function task() {
    console.log('任务开始');
    await sleep(3000);
    console.log('3 秒后继续');
}

task();

这里 sleep 函数内部通过一个 while 循环，根据当前时间与开始时间的差值来判断是否达到指定的暂停时间，达到后就 resolve Promise。async 函数 task 中使用 await 暂停执行，直到 sleep 完成。

通过以上方法，我们可以轻松在 JavaScript 中实现 sleep 功能，满足各种需要控制代码执行时间间隔的场景。开发者可以根据具体项目需求选择合适的方式来实现这一功能，提升代码的灵活性和实用性。