finish () es un método incorporado en jQuery que se usa para detener la ejecución de las animaciones en este momento.
Sintaxis:
$(selector).finish();
Parámetro: No acepta ningún parámetro.
Valor devuelto: Devuelve el elemento seleccionado con sus valores finales.
código jQuery para mostrar el funcionamiento del método finish():
<html>
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
<!-- jQuery code to show the working of this method -->
$(document).ready(function() {
$("#b1").click(function() {
$("div").animate({
height: 200
}, 4000);
$("div").animate({
width: 200
}, 4000);
});
$("#b2").click(function() {
$("div").finish();
});
});
</script>
<style>
div {
background: green;
height: 100px;
width: 100px;
padding: 30px;
}
</style>
</head>
<body>
<div></div>
<p>
<!-- this button will start the animation -->
<button id="b1">Start </button>
<!-- this button will finish the animation -->
<button id="b2">Stop</button>
</p>
</body>
</html>
Salida:
antes de hacer clic en el botón «Inicio»-
Después de hacer clic en el botón de inicio, la animación comenzará con la velocidad especificada y cuando se haga clic en el botón de parada, finalizará inmediatamente la animación y devolverá el elemento a su valor final de altura y ancho.
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA