Eu sugeririaSugiro você usar oum dos dois métodos: setInterval
para fazer o laço, acho bem mais prático, e você pode setar o tempo que quiser.ou uma função com setTimeout
:
Veja um exemploUsando setInterval:
var li = document.getElementsByTagName("li"),
lengthLI = li.length,
conta = 0,
tempo = setInterval(function(){
conta++;
if(conta > lengthLI-1){
clearInterval(tempo);
console.log("fim");
}else{
console.log(li[conta].innerText);
}
}, 1000); // intervalo de 1 segundo
console.log(li[conta].innerText); // para executar logo o primeiro antes do temporizador
<ul>
<li>li 1</li>
<li>li 2</li>
<li>li 3</li>
</ul>
Usando Função:
var li = document.getElementsByTagName("li"),
lengthLI = li.length,
conta = 0;
function f() {
console.log(li[conta].innerText);
conta++;
if( conta < lengthLI ){
setTimeout( f, 1000 );
}else{
console.log("fim");
}
}
f();
<ul>
<li>li 1</li>
<li>li 2</li>
<li>li 3</li>
</ul>