Как переписать эту анимацию с помощью — requestAnimationFrame?

Question

[Alexander9292]

Сделал небольшую анимацию с помощью setInterval
А как можно сделать ее с помощью requestAnimationFrame? Пробовал разные варианты, но либо выдает ошибку, либо анимация не запускается
Код - в песочнице

Comments

[0xD34F]

Пробовал разные варианты

До тех пор, пока эти "варианты" не показаны, вы не пробовали ничего - ведь причин верить вам на слово нет ни одной.

Answer 1

[RAX7]

const popupAnimate = () => {
  let startAnimate = performance.now();
  const loop = (now) => {
    let timePassed = now - startAnimate;
    popupContent.style.top = timePassed / 7 + "px";
    if (timePassed > 3000) return;

    requestAnimationFrame(loop);
  };
  requestAnimationFrame(loop);
};