jQuery stop() method

If you want to stop the running animation at once in between only then you can use the stop() function of jQuery. Notice Stop, StopAll and Stop And Finish to know how the stop method works with different parameters. For example:-



ShowCode/HideCode

$(document).ready(function(){
$("#btnStop").click(function(){
$("#image2").stop();
});
$("#btnStopAll").click(function(){
$("#image2").stop(true);
});
$("#btnStopFinish").click(function(){
$("#image2").stop(true,true);
});
$("#btnStart").click(function(){
$("#image2").animate({width:'300px'},3000);
$("#image2").animate({height:'300px'},3000);
});

Stop() method with no parameters stops the immediate running animation and executes the very next animation instruction waiting in the queue. Stop() method can have one or two parameters also i.e. stop(StopAll, gotoend). Both are optional.

When stop executed with single parameter that is the first one it stops the current animation and removes all other animation instruction from the queue. If executed with both parameters then it finishes off the current animation immediately and stops.