Динамическая нагрузка следующая li через несколько секунд

Question

Я хочу создать динамическую нагрузку ul.

К примеру, у меня есть этот ul список:

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

Теперь я хочу, чтобы загрузить li элементов от 1 секунды, первого li один, через 1 секунду, Ли два, через 1 секунду, Li три. .. когда пользователь находится в секции (этот код находится в середине тела, поэтому я хочу загрузить динамически, когда пользователь прокручивается в эту часть 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>