首页 前端知识 JS(JavaScript) 实现延迟等待(sleep方法)

JS(JavaScript) 实现延迟等待(sleep方法)

2024-06-16 09:06:43 前端知识 前端哥 744 370 我要收藏

起因: 只使用 setTimeout 会产生嵌套等方面的问题,达不到想要的效果。

解决方法: 使用 async/await 还有 Promise 相结合的方式来解决问题。

直接上代码:

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

使用方式: 一定要注意用 async/await

var a = 1;

var t = setInterval(async function () {
    console.log('-------')
    console.log("前面", a)
    await sleep(1000);
    console.log("中间")
    await sleep(2000);
    console.log("后面", a++)

    if (a == 5) { clearInterval(t) }
}, 5000)

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

结果:
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12367.html
标签
评论
发布的文章

用HTML写B站首页

2024-06-22 07:06:37

前端开发 4: jQuery

2024-06-22 01:06:02

网页开发 HTML

2024-06-22 01:06:17

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!