使用.stop()来停止动画效果的运行？

在前端开发中，经常会使用动画效果来提升用户体验。然而，有时候我们希望在动画运行过程中停止它，这就需要使用到.stop()函数了。

.stop()函数是jQuery库中的一个方法，它可以用来停止动画效果的运行。我们可以将.stop()函数应用于正在运行的动画，以立即停止它的执行。

函数语法

$(selector).stop(stopAll,goToEnd);

参数说明：

• stopAll：一个可选的布尔值参数，用于指定是否停止当前元素上的所有动画。默认值为false，只停止当前正在运行的动画。
• goToEnd：一个可选的布尔值参数，用于指定是否立即完成当前动画并跳转到动画的结束状态。默认值为false，动画直接停止在当前位置。

代码示例

$(document).ready(function(){
  $("button").click(function(){
    $("div").animate({
      left: '250px',
      opacity: '0.5',
      height: '150px',
      width: '150px'
    }, 3000);
  });
  $("button.stop").click(function(){
    $("div").stop();
  });
});

在上面的示例中，当点击按钮时，一个动画效果会将一个