Animation 将css3动画迭代计数从无限更改为无效

我有一个css3动画运行，迭代计数设置为无限

基于单击事件，我想停止动画，但更改迭代计数没有任何作用。有人能提出更好的解决方案吗

谢谢

---

Ian

将动画放在与样式分离的类中，即

.box {
  height: 100px;
  width: 100px;
  background-color: #000;
}

.box.animated {
  -webkit-animation... 
}

---

然后单击删除动画类。

很抱歉响应太慢。事实证明，这个解决方案非常有效，现在正在实施中。谢谢你的回答。