finish() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:finish

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

Description

The finish() method removes all queued animations and completes animations for the selected elements.

Syntax

Parameter Require Description
queueName Optional. name of the queue to stop animations

The following code shows how to Finish 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);
    });//  www  .  j a v  a2  s  . c  o  m
    $("#complete").click(function(){
        $("div").finish();
    });
});
</script>
</head>
<body>

<p>
<button id="start">Start Animation</button>
<button id="complete">Finish Current Animation</button>
</p>

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

</body>
</html>

Related Tutorials