如何在调用函数时暂停动画？

Question

我有一个移动的动画，但是当我通过用户点击一个按钮调用pause（）函数时，我想暂停动画。不知道如何做到这一点，任何帮助将不胜感激。

我有什么：

function pause() {
console.log("paused ok");
}

和html：

<img src="image1.gif" alt="img1" id="img1" style="width:300px;height:300px;">
<input id=pausebutton  class="button" type="button" value="Pause" name="pause_button"  onClick="pause()">

Answer 1

试试这个：

function pause() {
  console.log("paused ok");
  var animation = document.getElementById("img1");
  animation.pause();
}