如何使“字体超赞”图标在单击时停止旋转？

Question

我希望此箭头在页面加载时旋转，然后在有人单击它时暂停动画。我该怎么办？

<i class="far fa-arrow-alt-circle-up fa-7x fa-spin"></I>

Answer 1

欢迎来到SO Morgan。

要实现此目的，您将需要使用以下JavaScript来停止图标旋转：

function stopSpinning() {
  var element = document.getElementById("arrowIcon");
  element.classList.remove("fa-spin");
} 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<i id="arrowIcon" class="fa fa-car fa-spin" onclick="stopSpinning()"></i>

请注意，我在示例中使用了fa和fa-car，因为这是一个FontAwesome图标，将在代码段中运行。

Answer 2

或者您可以在不创建任何函数的情况下内联完成此操作：

TfLiteTensorCopyFromBuffer(inputTensor, imageDataBuffer, imageSize);