Как отложить анимацию элемента с помощью JavaScript - PullRequest
Новая
       16

Как отложить анимацию элемента с помощью JavaScript

0 голосов
/ 03 февраля 2019

Итак, я использую метод 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];
  });
...