javascript之分时函数

在一些开发场景中，我们可能会一次性向文档中注入上千个节点，在短时间内向浏览器中大量添加DOM节点可能会让浏览器吃不消，结果往往会让浏览器卡顿或吃不消，解决方案之一便是使用分时函数（timeChunk）。

image.png

timeChunk函数让创建节点的工作分批进行，比如一秒钟创建1000个节点，改为每个200ms创建10个节点。具体timeChunk函数封装如下：

function timeChunk( arr, fn, count){//arr 数组 fn操作函数 count每次操作数量
 var obj,
 t;
 var start = function(){
 var len = Math.min(count||1,arr.length);
 for(var i=0; i < len; i++){
 obj = arr.shift();
 fn(obj)
 }
 };
 return function(interval){
 t = setInterval(function(){
 if(arr.length==0){
 return clearInterval(t)
 };
 start();
 },interval||200)
 }
}
//欢迎加入全栈开发交流群一起学习交流：619586920

对web开发技术感兴趣的同学，欢迎加入Q群：864305860，不管你是小白还是大牛我都欢迎，还有大牛整理的一套高效率学习路线和教程与您免费分享，同时每天更新视频资料。
最后，祝大家早日学有所成，拿到满意offer，快速升职加薪，走上人生巅峰。