在HTML集合中显示每个Div 1秒，然后将其隐藏

Question

我的容器内有 10 个 div。

我想显示 1 个 div 1 秒，将其删除并在 1 秒内不显示任何内容，然后显示下一个 div 1 秒，依此类推。

现在，我从所有具有 hide 类的 div 开始，该类在 CSS 中为 display:none 。

在 JS 中，这就是我目前所拥有的。一切正常，但在下一个 div 之前 1 秒处中断，我不知道如何添加：

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);

}

}

Answer 1

NVM 我只是在间隔中添加了 2 秒而不是 1 秒，这解决了我的问题