Clear Queue In JQuery

jQuery ClearQueue() Method

ClearQueue() function mainly use for stop all animated function in the queue. ClearQueue() function only work with animate() function.

Syntax

$(selector).clearQueue(queueName)

Example

In this example when you will click on start then animation will be start as soon as you click on stop then animation will be stoped.

<html>

<head>

$(document).ready(function () {

$("#but1").click(function () {

$("#dv").animate({ height: 250 }, "slow");

$("#dv").animate({ width: 250 }, "slow");

$("#dv").queue(function () {

$(this).css("background-color", "orange");

$(this).dequeue();

});

$("#dv").animate({ height: 100 }, "slow");

$("#dv").animate({ width: 75 }, "slow");

});

$("#but2").click(function () {

$("#dv").clearQueue();

});

</script>

</head>

<body>

<p><button id="but1">Start</button>

</div>

</body>

</html>

Output

You may also want to read these related articles: here