Hai teman-teman semuanya? kita lanjut lagi belajarnya, materi kali ini masih seputar method jquery, sebelumnya saya sudah bahas sedikit banyak method-method yang ada pada jquery, kali ini kita masih akan bahas salah satu method yang ada pada jquery yaitu clearQueue().

ClearQueue() berfungsi untuk menghentikan fungsi yang belum berjalan, pada runtutan fungsi yang kita tuliskan pada script jquery, nah mungkin masih pada bingung, daripada bingung kita langsung saja praktekan, pertama silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

saya membuat dua buah tombol yang nanti kita akan berikan fungsi memulai dan menghentikan efeknya, lalu saya membuat sebuah element div untuk kita melihat animasinya nanti.

Nah sekarang coba teman-teman tambahkan script jquery  berikut ini:

saya membuat sebuah  fungsi pada tobol mulai yaitu menjalankan 2 efek animate, lalu saya membuat fungsi pada tombol stop yang menjalankan fungsi clearQueue() yang bila mana tombol stop kita klik akan menghentikan efek yang sedang berjalan,

jika teman-teman save maka hasilnya adalah seperti berikut ini:

Belajar Fungsi clearQueue() Method Pada Jquery 1

dan bila mana tombol mulai kita klik, efek enimate pertama akan berjalan, dan jika kita klik pada tombol stop saat efek animate pertama berjalan, maka hasilnya akan seperti berikut ini:

Belajar Fungsi clearQueue() Method Pada Jquery 2

efek animate yang kedua tidak akan berjalan setelah kita mengklik tombol stop.

Gimana teman-teman?cukup mudah bukan? saya rasa untuk tutorial kali ini tentang belajar fungsi clearQueue() method pada jquery cukup sampai disini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,.

Terima kasih.