如何使用JavaScript延迟元素动画

Question

所以我在数组上使用了一个foreach方法，我想为每个元素在1秒后添加动画，这样我就可以使div依次弹出。因此，第一个div出现了，然后完成了下一个，依此类推。我尝试在模板字符串中使用i ++，但第一个div消失了。下面是我的代码。有任何建议吗？

let list = charDivs.forEach((el, i) => {
    let pos = 0;
    pos++;
    el.style.cssText = `background-color:black;float:left;position:relative;top:50%;width:5rem;height:5rem;border-radius:30%;margin:0 20px;color:   #FFA500;position:relative;left:10%;transform:translate(-50%,-50%);font-weight:bold;font-size:2rem; display:flex;justify-content:center;align-items:center;animation:fadein 1s`;

    let addFadeIn = () => {
      el.style.animation = "fadein 1s 2 ";
    };

    setInterval(addFadeIn, 1000);

    el.textContent = smiley[i];
  });