HTML jQuery

Membuat Coundown Timer Redirect dengan jQuery

Written by Fatoni

Membuat Coundown Timer Redirect dengan jQuery. Hai, kali ini saya akan membuat artikel sederhana tentang jQuery, yaitu bagaimana cara membuat Countdown Timer Redirect. Ya, seperti judulnya yaitu Coundown yang artinya hitungan mundur, dan Redirect yang artinya mengarahkan. Jadi nanti kita akan membuat sebuah kode untuk melakukan hitungan mundur, dan jika hitungan mencapai 0 (nol) maka akan menuju/mengarah ke URL yang sudah ditentukan.

Oke, langsung saja dimulai, karena ini adalah tutorial jQuery, maka anda harus download dahulu jQuery disini.

Dan berikut ini adalah struktur foldernya:

struktur-folder-coundown

Seperti pada gambar di atas, simpan hasil download jQuery tadi pada folder js.

Selanjutnya kita buat file PHP baru dengan nama index.php, kemudian ketikkan kode di bawah ini:

Perhatikan pada baris ke-7, disana terdapat sebuah tag DIV dengan ID waktu, disanalah nanti akan ditempatkan Countdown-nya.
Pada baris ke-9 yaitu memasukkan jQuery yang sudah di download tadi.
Pada baris ke-10 adalah script yang kita buat di bawah ini.

Sekarang kita buat dokumen baru dan beri nama count.js, kemudian ketikkan kode di bawah ini:

Simpan dengan nama count.js di dalam folder js.

Perhatikan pada baris ke-14 terdapat kode counter(5, ‘http://www.tutorialweb.net’);  terdapat angka 5 dan http://www.tutorialweb.net, dimana 5 adalah waktu hitungan mundul, dan http://www.tutorialweb.net adalah link yang akan dibuka ketika waktu sudah 0 (nol).

Oke, silahkan anda coba sendiri, dan seperti biasanya kalau ada pertanyaan silahkan tinggalkan komentar Anda di bawah. 🙂

About the author

Fatoni

Programming is my hobby, not my job.

23 Comments

Leave a Comment