js promise 中使用 setTimeout 实现暂停执行的效果
更新时间：2023年04月21日 15:12:00 作者：aganjue
这篇文章主要介绍了js promise 中使用 setTimeout 实现暂停执行的,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
在使用 promise 时，需要使用 setTimeout 来进行延时执行
对 promise 还不太熟悉的同学可能第一时间想到的是这样的写法
如：
run();
async function run() {
console.log('1');
// 等待两秒之后执行
setTimeout(() => {
const data = await getData();
console.log(data);
}, 200);
}
function getData() {
return new Promise((resolve, reject) => {
resolve("200");
})
}这样写 await 就报错了
想要实现延时效果，我们这里先封装个sleep
function x_sleep(time) {
return new Promise(resovle => {
setTimeout(() => {
resolve();
}, time)
})
}此时就可以通过我们的 sleep函数去进行延时处理了
完整代码：
run();
async function run() {
console.log("1");
// 停止2秒
await x_sleep(2000);
const data = await getData();
console.log(data);
}
function getData() {
return new Promise((resolve, reject) => {
resolve("200");
})
}
function x_sleep(time) {
return new Promise(resolve => {
setTimeout(() => {
resolve();
}, time)
})
}到此这篇关于js promise 中使用 setTimeout 实现暂停执行 的文章就介绍到这了,更多相关js使用 setTimeout 实现暂停执行 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了javascript使用递归算法求两个数字组合功能,结合实例形式分析了JS基于递归算法的数组遍历、判断、转换等相关操作技巧,需要的朋友可以参考下2017-01-01
JavaScript快速排序...2007-01-01
链表是一系列节点串联形成的数据结构,链表存储有序的元素集合,链表中的元素在内存中并不是连续放置的,本文给大家介绍了在JavaScript中怎么实现链表,需要的朋友可以参考下2023-12-12
Markdown与Bootstrap相结合实现图片自适应属性
Markdown 是一种轻量级的标记语言，它的优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。接下来通过本文给大家介绍Markdown与Bootstrap相结合实现图片自适应属性，感兴趣的朋友一起学习吧2016-05-05
纯javaScript、jQuery实现个性化图片轮播【推荐】
本文主要介绍了纯javaScript、jQuery实现个性化图片轮播的方法，并在文章结尾附上源码下载。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JavaScript 处理树数据结构的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-06-06
这篇文章主要介绍了JavaScript中 this 的绑定指向规则，this的指向问题存在各种各样的，关于如何绑定指向，下面文章作简单介绍需要的小伙伴可以参考一下2022-06-06
这篇文章主要介绍了微信小程序填写用户头像和昵称实现方法，我们使用小程序往往能碰到提示允许获取用户头像昵称，这种功能怎么实现呢？本篇文章带你探索2023-02-02
学习js就不得不学他的数组，这篇文章是由色拉油整理下，需要学习js数组的朋友可以参考下2013-10-10
很多朋友都听说过比特币和以太币这样的加密货币，但是只有极少数人懂得隐藏在它们背后的技术，接下来通过本文给大家介绍用JavaScript来创建一个简单的区块链来演示它们的内部究竟是如何工作的，感兴趣的朋友一起看看吧2018-03-03
最新评论