clearQueue() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:clearQueue

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

Description

The clearQueue() method removes all items from the effect queue.

Syntax

Parameter require Description
queueName Optional.name of the queue. The default is "fx", the standard effects queue

The following code shows how to Stop the remaining functions in the queue:

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}, 1500);
        $("div").animate({width: 300}, 1500);
        $("div").animate({height: 100}, 1500);
        $("div").animate({width: 100}, 1500);
    });//from   w w w . java2  s.  c  o m
    $("#stop").click(function(){
        $("div").clearQueue();
    });
});
</script>
</head>
<body>

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

<div style="background:red;height:100px;width:100px;">animation</div>

</body>
</html>

Related Tutorials