Você pode criar um método e utilizar setInterval
, veja:
let li = document.querySelectorAll('li');
let x = 0;
let intervalo = null;
const loop = () => {
if (x < li.length) {
console.log(li[x].innerText);
} else {
clearInterval(intervalo);
console.log('Fim !');
x = 0;
}
x++;
};
intervalo = setInterval(loop, 1000);
<li>Texto A</li>
<li>Texto B</li>
<li>Texto C</li>
<li>Texto D</li>
<li>Texto E</li>
<li>Texto F</li>
<li>Texto G</li>
<li>Texto H</li>
<li>Texto I</li>
A cada 1 segundo será executado o método loop
que irá verificar se o valor da variável x
é menor que a quantidade de elementos li
no documento, caso seja, retorna no console o texto desse elemento.