前端如何利用javascript实现弹幕数据循环

1、模拟数据

const newList = new Array(10000000).fill(1).map((item, index) => {
  return {
    time: (index + 1) * 1000,
    content: `这是第${index + 1}s发送的消息`
  }
})
//time发生时间，content发生内容

2、发送的消息列表

const sendList = [];
function getMessage(time) {
  let j = 0; // 循环次数
  for(let i = 0, len = newList.length; i < len; i++) { 
     const item = newList[i]; j++; 
     //如果time是1234、1214这种，就需要取一个浮动范围 
      if(item.time === time) { 
        sendList.push(newList[i]) newList.splice(i, 1) i--; 
      } else if(sendList.length > 0) {
        break;
    }
  }
  console.log('播放进度', time)
  console.log('循环的次数', j);
  console.log('接收的消息的长度', sendList.length, sendList);
  console.log('原始消息的长度', newList.length);
}

3、设置定时器

//1s触发一次
let time = 0;
setInterval(() => {
  time += 1000;
  getMessage(time);
}, 1000)