JQuery Tutorial Part 4 : JQuery Stop Animation

Assalammualikum Wr. Wb.

Kali ini saya akan sharing mengenai Animasi Berhenti pada JQuery atau dalam bahasa inggris disebut JQuery Stop Animation. untuk lebih lenkapnya, silakan simak pembahasan berikut ini....



A. PENDAHULUAN
  • Pengertian
JQuery stop adalah sebuah fungsi pada JQuery dimana kita dapat menghentikan animasi sebelum efek animasinya selesai, atau dengan kata lain, kita dapat menghentikan animasi sebelum waktunya.
  • Latar Belakang
Ingin mempelajari Animasi Berhenti JQuery dan mengupgrade skill dengan menambah kemampuan pada JQuery.
  • Maksud dan Tujuan
Dapat mempelajari JQuery Stop Animation dan juga dapat menggunakannya.

B. ALAT DAN BAHAN
  • Library JQuery
  • Text Editor
  • Web Browser
C. JANGKA WAKTU PELAKSANAAN
  • Sekitar 30menit - 1jam untuk mempelajari cara kerja JQuery ini
D. RANGKAIAN KEGIATAN
  • Stop()
stop merupakan fungsi JQuery, dimana kita dapat menghentikan animasi sebelum efek animasinya selesai, atau dengan kata lain, kita dapat menghentikan animasi sebelum waktunya.

berikut merupakan contoh penulisan Animasi Berhenti dengan JQuery.

jika kita buka di browser, maka hasilnya akan menjadi seperti ini...

kemudian, jika kita klik Mulai, maka hasilnya, slide akan berjalan...

kemudian, jika kita klik Berhenti, maka slidenya akan terjeda...

dan jika kita klik Mulai lagi, maka slidenya akan berlanjut...



E. HASIL YANG DIDAPATKAN
  • dapat mempelajari cara kerja fungsi stop() pada JQuery, dan dapat menggunakan animasi stop() pada JQuery.
F. TEMUAN PERMASALAHAN
  • Tidak Ada
G. KESIMPULAN
  • dengan fungsi stop, kita dapat menghentikan animasi sebelum waktunya.
H. REFERENSI

Sekian sharing yang sapat saya sampaikan hari ini mengenai JQuery Stop Animation....

semoga bermanfaat...

Wassalammualaikum Wr. Wb.