Tengo 10 divs dentro de un contenedor.

Quiero mostrar 1 div durante 1 segundo, eliminarlo y no mostrar nada durante 1 segundo, luego mostrar el siguiente div durante 1 segundo y así sucesivamente.

En este momento comencé con todos los divs que tienen una clase de ocultación que es display:none en CSS.

Y en JS esto es lo que tengo por el momento. todo funciona pero el descanso en 1 segundo antes del próximo div no sé cómo agregar:

 function showOneAtTheTime() { game5Intro.classList.add('hide') let letter = 0; myShapes(); // function which creating the 10 divs let timeInter = setInterval(function () { let alles = content.querySelectorAll("div")[letter] alles.classList.remove('hide'); setTimeout(function () { alles.classList.add('hide'); }, 1000) letter++; if (letter === 9) { clearInterval(timeInter); timeInter = null; } }, 1000); }

}