js sleep 函数
时间: 2024-06-07 11:03:23 浏览: 9
在JavaScript中并没有内置的sleep函数,不过可以通过setTimeout或Promise来实现类似的效果。
1. 使用setTimeout方法
使用setTimeout方法可以设置一定时间后执行一段代码,也可以将多个setTimeout进行嵌套来模拟sleep函数。
```javascript
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方法来执行后续代码。
```javascript
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
console.log('Start');
sleep(2000).then(() => {
console.log('End');
});
```
上述代码中,先输出Start,然后等待2秒后输出End。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)