- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
jQuery finish() with Example
The finish() method in jQuery is used to stop the currently-running animations. It removes all queued animations and completes all animations for the selected elements.
Syntax
The syntax is as follows −
$(selector).finish(queue)
Above, the queue parameter is the name of the queue to stop animation.
Example
Let us now see an example to implement the jQuery finish() method −
<!DOCTYPE html>
<html>
<head>
<style>
div {
background:orange;
height:200px;
width:200px;
padding: 5px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#begin").click(function(){
$("div").animate({height: 450}, 2000);
});
$("#end").click(function(){
$("div").finish();
});
});
</script>
</head>
<body>
<h2>Let's perform Animation</h2>
<p>
<button id="begin">Begin</button>
<button id="end">End</button>
</p>
<div></div>
</body>
</html>Output
This will produce the following output −
Now, click “Begin” to start animation −
Click “End” the Animation and complete it −
Updated on 12-Nov-2019 12:44:51
- Related Questions & Answers
- jQuery focusin() with Example
- jQuery addClass() with Example
- jQuery focusout() with Example
- jQuery nextUntil() with Example
- jQuery appendTo() with Example
- jQuery closest() with Example
- jQuery dblclick() with Example
- jQuery fadeOut() with Example
- jQuery find() with Example
- jQuery first() with Example
- jQuery focus() with Example
- jQuery click() with Example
- jQuery blur() with Example
- jQuery innerWidth() with Example
- jQuery change() with Example
Advertisements