JavaScript实现异步sleep函数

最新推荐文章于 2025-03-09 11:19:53 发布

马克图布No1

最新推荐文章于 2025-03-09 11:19:53 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_40271376/article/details/123346039

版权

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在JavaScript中实现异步sleep函数，通过示例展示了执行过程：首先在console输出location 1，然后调用setSecretImg函数并启动3秒计时，在3秒后console输出'start'和'end'，期间会执行相应操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript实现异步sleep函数

// 使用setTimeout实现异步sleep函数, 固定结构，无需更改
const sleep = (timeout) => {
  return new Promise((resolve)=>{
    setTimeout(()=>{
      resolve();
    }, timeout)
  })
}

// 定义 需要异步操作的函数，内部调用sleep函数，并规定执行的操作；
const setSecretImg = async()=>{
    await sleep(3000);     // 3秒
    console.log("start")
    $("#parsed_secret_img").css("background-image", "url("+g_secret_img_url+")");
    $("#download_parsed_secret_img").attr('src', g_secret_img_url)
    console.log("end");
}

console.log("location 1")
// 调用异步操作函数
setSecretImg()
console.log("location 2")