stop() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:stop

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. stop

Description

The stop() method stops the currently running animation for the selected elements.

Syntax 

$(selector).stop(stopAll,goToEnd);
Parameter Require Type DescriptionValue
stopAll Optional. A Boolean valuewhether to stop the queued animations as well. Default is false
goToEnd Optional.A Boolean value whether to complete all animations immediately. Default is false

The following code shows how to Stop the currently running animation:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#start").click(function(){
        $("div").animate({height: 300}, 3000);
        $("div").animate({width: 300}, 3000);
    });/* w  ww . j a v a2 s .  c om*/
    $("#stop").click(function(){
        $("div").stop();
    });
});
</script>
</head>
<body>

<p>
<button id="start">Start Animation</button>
<button id="stop">Stop Current Animation</button>
</p>

<div style="background:#98bf21;height:100px;width:100px"></div>

</body>
</html>

Related Tutorials