在 jQuery 中,您可以使用 stop() 方法来停止当前正在运行的动画。

语法:

$(selector).stop(clearQueue, jumpToEnd);

  • clearQueue(可选):一个布尔值,指示是否清除动画队列。默认为 false,即仅停止当前活动的动画,允许排队的动画继续执行。设置为 true 时,会清除队列中的所有动画。
  • jumpToEnd(可选):一个布尔值,指示是否立即完成当前动画。默认为 false,即停止当前动画并保持在当前状态。设置为 true 时,会立即完成当前动画,跳到动画的结束状态。

示例:

// 停止当前活动的动画,允许排队的动画继续执行
$("#stop").click(function() {
  $("#panel").stop();
});

// 停止当前活动的动画,并清除动画队列
$("#stopAll").click(function() {
  $("#panel").stop(true);
});

// 停止当前活动的动画,并立即完成当前动画
$("#stopAndComplete").click(function() {
  $("#panel").stop(true, true);
});

在上述示例中,点击不同的按钮会触发相应的停止动画操作。

更多关于 stop() 方法的详细信息,请参考 菜鸟教程