Как вкратце воспроизвести анимацию с помощью JavaScript?

Question

Я пытаюсь на короткое время приостановить загрузку анимации, поскольку хочу, чтобы она сбрасывалась с помощью прокрутки, но я не хочу делать это сразу.

<div id="progressbar">
  <div id="loading" class="run-animation"></div>
</div>

    <script>

"use strict";

var element = document.getElementById("loading");

document.addEventListener("mousewheel", function(e){
  e.preventDefault;

  void element.offsetWidth;
  element.classList.add("run-animation");
}, false);

</script>

Answer 1

Вы можете добавить новый класс pause-animation, как показано ниже.И всякий раз, когда вы хотите приостановить свой элемент, просто добавьте этот класс к элементу, как element.classList.add("pause-animation").Вы также можете удалить его, чтобы играть.

.pause-animation{
    animation-play-state: paused;
}