Metode stop

Metode stop memungkinkan kita untuk segera menghentikan animasi yang sedang berjalan. Animasi akan berlanjut dari fungsi berikutnya tanpa menyelesaikan yang sebelumnya.

Sintaks

Beginilah cara kita menghentikan animasi yang sedang berjalan. Dapat meneruskan dua parameter opsional yang menerima nilai Boolean. Jika parameter pertama diatur sebagai true, maka fungsi-fungsi yang tersisa dalam antrian animasi akan dihapus dan tidak akan pernah dijalankan. Jika parameter kedua diatur menjadi true, maka saat menghentikan animasi, properti css elemen akan segera mengambil nilai akhirnya (yaitu, jika tujuannya adalah untuk menyembunyikan elemen secara halus, maka elemen akan disembunyikan secara instan):

.stop([clearQueue], [jumpToEnd]);

Juga dapat meneruskan parameter opsional, yang menentukan nama antrian:

.stop([nama antrian], [clearQueue],[jumpToEnd]);

Animasi dapat dinonaktifkan secara global, menggunakan pengaturan jQuery.fx.off = true, yang mengatur nilai durasi menjadi 0.

Contoh

Mari kita buat agar setiap kali diklik tombol #toggle persegi panjang kita akan terbuka dan tertutup menggunakan metode slideToggle. Klik tombol tanpa menunggu penyelesaian animasi - tahap berikutnya akan dijalankan, tanpa menunggu penyelesaian tahap sebelumnya, berkat metode stop:

<button id="toggle">toggle</button>
<div id="test"></div>

#test {
	background-color: green;
	border: 1px solid black;
	width: 200px;
	height: 100px;
	margin: 10px;
}

$('#toggle').on('click', function() {
	$('#test').stop().slideToggle(1500);
});

Lihat juga

metode clearQueue,
yang memungkinkan untuk menghapus semua item yang belum dieksekusi dari antrian fungsi
properti jQuery.fx.off,
yang memungkinkan untuk menonaktifkan animasi secara global