Mengenal Fungsi Delay di jQuery

Halo temen temen pada hari ini saya akan membahas mengenai fungsi jQuery yaitu delay(). Fungsi delay() merupakan fungsi yang digunakan untuk melakukan penundaan pada element yang akan kita beri aksi. Untuk lebih jelas nya langsung saja kita akan membuat contoh sederhana dalam penggunaan fungsi delay().
Dalam kasus ini saya akan membuat 3 buah kotak yang kotak pertama saya beri id kotak1, kotak kedua kita beri id kotak2 dan kotak ketiga kita beri id kotak3.

dan berikan nama fungsi-delay.html selanjutnya ketikkan css sebagai berikut

Kita Jalankan pada browser dan berikut ini tampilannya

Jadi Ketika tombol di klik maka masing-masing kotak akan di sembunyikan menurut kurun waktu penundannya yang kita berikan.
Ketikkan syntax jquery .delay()

Bisa teman-teman perhatikan juga pada  fungsi delay kita bisa men-set waktu penundaan nya sesuai kebutuhan.


Semoga bermanfaat.
Terima Kasih.


 

28 Februari 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat