js分时函数

我是研究僧i 提交于 2020-04-01 01:16:57

qq中有10000个好友,每秒中渲染20个好友:

var timeChunk = function(arr, fn, count) {
  var t;
  var start = function() {
  for(var i = 0; i < Math.min(count || 1, arr.length); i++) {
    var obj = arr.shift();
    fn(obj)
   }
}
  return function() {
    t = setInterval(function() {
      if(arr.length == 0) {
        return clearInterval(t)
       }
      start();
    }, 1200)
  }
}
   var arr = [];
for(var i = 0; i < 1000; i++) {
     arr.push(i)
}
var renderList = timeChunk(arr, function(n) {
       var div = document.createElement('div');
        div.innerHTML = n;
       document.body.appendChild(div);
}, 8)
renderList()

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!