jQuery stop()方法

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

此方法接受两个可选的布尔参数clearQueue和jumpToEnd。当我们必须删除排队的动画时，将使用clearQueue参数。

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

句法

$(selector).stop(clearQueue, jumpToEnd)

参数值

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

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

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

让我们看一些示例来了解stop()方法。

例1

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

 This is an example of using jQuery's stop() method. 
 Start 
 Stop 

例2

在此示例中，我们使用了stop()函数的两个可选参数，并将它们的值设置为true。有一个div元素，我们要对其应用多个动画。有两个按钮“开始”和“停止”可以相应地启动或停止动画。

 This is an example of using jQuery's stop() method. 
 Start 
 Stop