几秒后动态加载下一里

Question

我想创建一个动态加载 ul 列表。

例如，我有这个 ul 列表：

<section id="loadLi">
    <ul>
      <li>one</li>
      <li>two</li>
      <li>three</li>
      <li>four</li>
    </ul>
</section>

现在我想在 1 秒之间加载 li 个元素，第一个 li 个，1 秒后，第 2 个，1 秒后，第 3 个...当用户打开时该部分（此代码位于主体的中间，因此我想在用户滚动到 html 的这一部分时动态加载）。

有人知道怎么做吗？

P.D：对不起我的英语...我知道它真的很糟糕！

Answer 1

是这样的吗？使用 .delay()?

$(function() {
  $("#loadLi li").hide();
  $("#loadLi li").each(function(i) {
    $(this).delay(1000 * i).fadeIn();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section id="loadLi">
  <ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <li>four</li>
  </ul>
</section>

几秒后动态加载下一里

Dynamic load next li after few seconds

html

jquery

dynamic-loading

html-lists