>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 23993 个阅读者 刷新本主题
 * 贴子主题:  JavaScript实现睡眠函数 回复文章 点赞(0)  收藏  
作者:flybird    发表时间:2025-10-15 01:20:27     消息  查看  搜索  好友  邮件  复制  引用

睡眠函数
比如 sleep(1000)代表等待 1000ms

方法一:ES5 方式实现

function sleep(callback, time) {
  if (typeof callback == "function") {
    setTimeout(callback, time);
  }
}
function output() {
  console.log(1);
}
sleep(output, 2000);
方法二:使用 promise 方式

const sleep = (time) => {
  return new Promise((resolve) => {
    setTimeout(resolve, time);
  });
};
sleep(2000).then(() => {
  console.log(1);
});
方法三:利用 async

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

async function init() {
  var temp = await sleep(2000);
  console.log("YJJ"); //2s后执行
}

init();


程序猿的技术大观园:www.javathinker.net
  Java面向对象编程-->变量的作用域和初始化
  JavaWeb开发-->Web运作原理(Ⅰ)
  JSP与Hibernate开发-->Java对象持久化技术概述
  Java网络编程-->Java网络编程入门
  精通Spring-->组合(Composition)API
  Vue3开发-->Vue组件开发基础
  最新的Vue面试题大全含源码级回答,吊打面试官系列
  07、手把手教Vue--路由「Vue-router」 - TigerChain
  axios.all()解决并发请求
  Vue2.0与Vue3.0主要区别总结
  在Typescript脚本中使用axios
  vue的CSS过渡和动画范例
  Vue自定义数据验证指令
  Vue+Vant中van-list请求数据(数据请求调用公用方法)
  前端面试题及答案汇总
  Vue经典面试题: Vue.use和Vue.prototype.$xx有血缘关系吗? -
  vue封装翻转卡片效果
  史上最全的web前端面试题汇总及答案
  CSS 属性选择器
  HTML5 地理定位
  HTML 表格标签的用法
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。