js 1000条数据 先加载100条后续 每隔一秒加载100条

在JavaScript中，你可以通过分页和定时加载的方式处理大量数据。如果你有1000条数据，并想先显示前100条，然后每秒加载下100条直到数据加载完成，可以采用以下步骤：

1. 创建一个数组，包含所有1000条数据。
2. 初始化一个变量，比如`currentPage = 1`，表示当前显示第几页的数据。
3. 创建一个函数，用于加载指定页面的数据。这个函数接收当前页数作为参数，从大数组中提取对应范围的数据（例如`data.slice(currentPage * 100, currentPage * 100 + 100)`）。
4. 在页面上创建一个滚动监听器，每当用户滚动到底部时（假设这是触发新数据加载的条件），调用加载函数并更新`currentPage`。
5. 设置一个计时器，每秒执行一次，检查是否需要加载更多数据。如果还有更多的数据（`currentPage < totalPages`，其中`totalPages`是总页数），则继续加载，否则停止。

示例代码结构如下：

const allData = [/* your 1000 data items */];
let currentPage = 1;
let totalPages = Math.ceil(allData.length / 100);

function loadMoreData() {
  const start = (currentPage - 1) * 100;
  const end = start + 100;
  const pageData = allData.slice(start, end);
  // 加载数据到DOM中...
  currentPage++;
}

window.addEventListener('scroll', function() {
  if (isBottomReached()) {
    loadMoreData();
  }
});

setInterval(function() {
  if (!isLoading && currentPage < totalPages) {
    loadMoreData();
  } else {
    clearInterval(intervalId); // 停止定时器
  }
}, 1000);

// 辅助函数判断是否已滚动到底部
function isBottomReached() {
  // 在这里添加检查滚动位置的逻辑
}

记得在实际项目中替换`isBottomReached()`函数的具体实现，以便检测用户是否已经到达底部。