js sleep 函数

在JavaScript中，`sleep`函数用于模拟暂停程序执行一段时间。这里有两种常见的实现方式：

1. 使用do...while循环的实现[^2]:

function sleep(delay) {
    let start = new Date();
    do {
        // 无操作，仅等待
    } while (new Date() - start < delay);
}

// 示例
function test() {
    console.log('Vue'); // 打印Vue
    sleep(1000); // 暂停1秒
    console.log('React'); // 每秒后打印React
}

test();

这个实现会先打印"Vue"，然后立即进入睡眠状态，直到达到延迟时间后继续执行。

2. 利用`setTimeout`实现（虽然不是真正的睡眠，但能达到类似效果）[^1]:

function sleep(delay) {
    setTimeout(() => {}, delay);
}

// 示例同上
function test() {
    console.log('Vue');
    sleep(2000);
    console.log('React');
}

test();

这种方法使用`setTimeout`设置一个空的回调，在指定时间后执行，实际上使当前任务进入队列等待，实现了暂停的效果。

相关问题

js sleep 函数

在JavaScript中并没有内置的sleep函数，不过可以通过setTimeout或Promise来实现类似的效果。

1. 使用setTimeout方法

使用setTimeout方法可以设置一定时间后执行一段代码，也可以将多个setTimeout进行嵌套来模拟sleep函数。

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

async function run() {
  console.log('Start');
  await sleep(2000);
  console.log('End');
}

run();

上述代码中，sleep函数返回一个Promise对象，使用await关键字可以等待Promise对象的状态变为resolve后再继续执行后面的代码。在run函数中，先输出Start，然后等待2秒后输出End。

2. 使用Promise方法

Promise的resolve方法可以返回一个成功状态的Promise对象，再使用then方法来执行后续代码。

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

console.log('Start');
sleep(2000).then(() => {
  console.log('End');
});

上述代码中，先输出Start，然后等待2秒后输出End。

js sleep函数

JS的sleep函数是用来让线程休眠一段时间，然后再重新唤醒的函数。可以通过两种方法实现sleep函数。方法一是利用一个伪死循环阻塞主线程来实现真正意义上的sleep。代码如下所示：

function sleep(delay) {
    var start = (new Date()).getTime();
    while ((new Date()).getTime() - start < delay) {
        continue;
    }
}
function test() {
    console.log('111');
    sleep(2000);
    console.log('222');
}
test();

方法二是使用定时器来实现sleep函数。代码如下所示：

function sleep1(ms, callback) {
    setTimeout(callback, ms);
}
//sleep 1s
sleep1(1000, () => {
    console.log(1000);
});

这是两种常见的使用方法，可以根据具体需求选择合适的方法。
参考了中的内容，可以了解更多关于JavaScript sleep函数的功能、常见使用方法和操作注意事项。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [js 实现sleep函数](https://blog.csdn.net/qq_36711388/article/details/89787637)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [javascript 使用sleep函数的常见方法详解](https://download.csdn.net/download/weixin_38703123/12926459)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]