如何暂停动画

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

var animationElement = document.getElementById("animation");
var animationStyle = window.getComputedStyle(animationElement);
var animationPlayState = animationStyle.getPropertyValue("animation-play-state");

if (animationPlayState === "running") {
  animationElement.style.animationPlayState = "paused";
} else {
  animationElement.style.animationPlayState = "running";
}

var animationElement = document.getElementById("animation");
var animationStyle = window.getComputedStyle(animationElement);
var animationDuration = animationStyle.getPropertyValue("animation-duration");

if (animationElement.style.animationPlayState === "paused") {
  animationElement.style.animationPlayState = "running";
  animationElement.style.animationDuration = animationDuration;
} else {
  animationElement.style.animationPlayState = "paused";
  animationElement.style.animationDuration = "0s";
}