Animation 如何使字体图标在单击时停止旋转？

我希望这个箭头在页面加载时旋转，然后当有人单击它时，它会暂停动画。我该怎么做

欢迎来到索摩根

要实现这一点，您需要使用以下JavaScript停止图标旋转：

函数停止旋转（）{
var元素=document.getElementById（“箭头图标”）；
元素。类列表。移除（“fa旋转”）；
}

---

或者您可以在不创建任何函数的情况下在线执行此操作：

<i id="arrowIcon" class="fa fa-car fa-spin" onclick="this.classList.remove('fa-spin')"></i>

---

使用js。单击删除类

fa spin

。