js休眠实现sleep[博]

首先js原生并不支持sleep,所有目前的方案都是间接实现的.
需求:

for (i=0;i<100;i++){echartsPlots(xxx[i]);
}

其中echartsPlots里面是ajax调用后台,直接执行后台极其容易卡死,里面的数据查询和处理都较慢.所以希望echartsPlots执行后,sleep一段时间,然后继续循环,执行下一个.任务.
方法1,循环实现

function sleep(delay) {for (var t = Date.now(); Date.now() - t <= delay;) ;
}

最简单,最坑爹的方法
之所以说坑爹,主要是因为效果上,的确实现了sleep的目的,但实际以牺牲客户端效率的代价,毕竟cpu在空转.
那么,可以达到我期望效果?

for (i=0;i<100;i++){echartsPlots(xxx[i]);sleep(1000)//毫秒
}

实际是不行(ajax请求都停留在pending状态,实际后端已经返回),原因请自己想下,提示(js本质单线程)

方法2,setTimeout(同setInterval)

function loop(i) {console.log(i);i++;if (i<10)setTimeout(function () {loop(i);}, 2000);
}
loop(0);

这是一种类似递归的实现.效果上达到需求?yes,这个没问题

补充一下,关于setTimeout和setInterval
推荐使用setInterval
参考这篇文章:setInterval()和setTimeout()区别.https://blog.csdn.net/mayue24/article/details/80879685

js休眠实现sleep[博]相关推荐

用Node.JS+MongoDB搭建个人博客（成品展示）
在博客里可以随意畅写和分享自己喜欢的技术,和网友分享知识也是一种提升.根据自己所发表的博客也能更加加深印象. 与此同时写博客也可以提高自己的写作能力(虽然不咋地),但我相信博客只会越写越有质量的. 个 ...
妙味课堂ajax教程,前后端高级实战 | Node.js 实战开发：博客系统【妙味课堂】
第一部分:Node.js基础视频内容 1-初识NodeJs 2-webstorm的使用 3-Node和JS的异同 4-模块的使用 5-模块加载机制 6-模块-module和exports 7-glob ...
Ghost 基于 Node.js 构建的开源博客平台
介绍: Ghost 是一个开源的博客平台, 可以把他看作 WordPress 的一个挑战者. 现阶段的 WordPress 已经可以明显感觉到有些臃肿不堪, 无论是构架, 设计, 还是实现处处都显 ...
JS实践与写博客-序
2019独角兽企业重金招聘Python工程师标准>>> 大二的时候,就开始接触JavaScript了. 当时学了1年多,主要是认真看了一本JavaScript的入门书籍,了解了Jav ...
python博客下载本地文件_Linux CentOS6安装Git、Node.js及Hexo静态博客安装和使用方法...
有些时候,我们有听到或者看到某个技术很希望自己也能尝试一下,即便我们没有项目需求,但接触过后以后还可以跟别人吹嘘这个技术我玩过,具体能否玩的精通都无所谓,至少我们可以体验到其中的乐趣.这不,这几天有接 ...
springboot基于vue.js的掌上博客系统的设计与实现毕业设计源码063131
Springboot掌上博客系统的设计与实现摘要掌上博客系统是当今网络的热点,博客技术的出现使得每个人可以零成本.零维护地创建自己的网络媒体,Blog站点所形成的网状结构促成了不同于以往社区的B ...
（附源码）springboot基于vue.js的掌上博客系统的设计与实现毕业设计 063131
Springboot掌上博客系统的设计与实现摘要掌上博客系统是当今网络的热点,博客技术的出现使得每个人可以零成本.零维护地创建自己的网络媒体,Blog站点所形成的网状结构促成了不同于以往社区的B ...
Node.js批量刷CSDN博客访问量
在我的系列文章Node.js文章中的Node.js爬虫技术中介绍了爬取我的博客文章列表. 在那里我们用到了request和cheerio.这里我只需要使用request就可以批量刷CSDN博客的访问量 ...
Node.js+vue多用户个人博客网站i03nz
基于nodejs语言设计并实现了个人博客.该系统基于B/S即所谓浏览器/服务器模式,应用Vue框架,选择MySQL作为后台数据库.系统主要包括首页.个人中心.用户管理.文章分类管理.博客文章管理.留言 ...

js休眠实现sleep[博]

js休眠实现sleep[博]相关推荐

最新文章

热门文章