使用jquery通过单击按钮停止动画

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<button id="stopButton">停止动画</button>
<div id="animatedElement"></div>

$(document).ready(function() {
  $("#stopButton").click(function() {
    $("#animatedElement").stop();
  });
});

#animatedElement {
  width: 100px;
  height: 100px;
  background-color: red;
  position: relative;
  animation: myAnimation 2s infinite;
}

@keyframes myAnimation {
  0% { left: 0; }
  50% { left: 200px; }
  100% { left: 0; }
}