通过JS触发的CSS动画只能每隔一次点击播放一次

@keyframes myAnimation {
  /* 定义动画的关键帧 */
}

.myAnimationClass {
  animation: myAnimation 1s; /* 指定动画名称和持续时间 */
}

<div id="myElement" class="myAnimationClass"></div>

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

element.addEventListener("click", function() {
  element.classList.remove("myAnimationClass"); // 先移除CSS类
  void element.offsetWidth; // 强制浏览器重新计算样式，以便重新触发动画
  element.classList.add("myAnimationClass"); // 再添加CSS类，触发动画
});