如何在不再次单击的情况下重复切换CSS动画类？

<div id="animatedElement" class="animationClass"></div>

.animationClass {
  animation-name: myAnimation;
  animation-duration: 2s;
  /* 其他动画属性 */
}

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

var element = document.getElementById("animatedElement");
element.addEventListener("click", function() {
  // 切换CSS动画类
  element.classList.toggle("animationClass");
});