jQuery stop() 方法

有时我们必须在动画完成之前停止它。jQuery 中的 stop() 方法用于立即停止匹配元素当前正在运行的动画。它是 jQuery 中内置的方法。

此方法接受两个可选的布尔参数，即 clearQueue 和 jumpToEnd。当我们需要移除排队的动画时，会使用 clearQueue 参数。

我们可以通过一个例子来理解排队动画——假设我们对同一个元素应用了多个动画方法。因此，后续的动画被放入该元素的队列中。队列中的动画不会在第一个动画完成之前开始。在这种情况下，当我们应用 stop() 方法时，当前正在运行的动画会停止，但队列中的下一个动画会立即开始。如果我们将 clearQueue 参数设置为 true，则排队的动画永远不会运行。

语法

参数值

此方法的参数值定义如下。

clearQueue: 这是一个可选参数。它是一个布尔值。当它设置为 true 时，排队的动画永远不会运行。它指定是否移除排队的动画。其默认值为 false。

jumpToEnd: 它也是一个布尔值。它是一个可选参数。其默认值为 false。它指定是否立即完成当前动画。

让我们看一些例子来理解 stop() 方法。

示例 1

这是使用 stop() 方法的一个简单示例。在此示例中，我们没有指定 stop() 方法的任何可选参数。有两个按钮，名为 Start 和 Stop。有一个 div 元素，在单击 Start 按钮时会进行动画，在单击 Stop 按钮时动画会停止。

示例 2

在此示例中，我们使用了 stop() 函数的两个可选参数，并将它们的值设置为 true。有一个 div 元素，我们正在对其应用多个动画。有两个按钮 Start 和 Stop，它们分别启动或停止动画。