Cara Membuat Countdown Timer dengan JavaScript

Cara Membuat Countdown Timer dengan JavaScript - Sebelumnya saya ucapkan selamat menunaikan ibadah puasa 1435H,semoga kita selalu diberkahi di bulan yang penuh mahrifah ini...amin

Ada juga cara lain dengan menggunakan cara yang lebih mudah | klik untuk Baca

Untuk pemasangannya silahkan simpan kode ini pada widget HTML/JavaScript :

 <style type="text/css" scoped> #tahunbaru {background:#739bc8;color:yellow;font-size:150%;text-transform:uppercase;text-align:center;padding:20px 0;font-weight:normal; border-radius:5px;line-height:1.8em;} .putih {color:white}</style><div id='tahunbaru'><span id='countdown'></span></div><script type='text/javascript'>//<![CDATA[var target_date = new Date("Jul 28, 2014").getTime(); var days, hours, minutes, seconds; var countdown = document.getElementById("countdown"); setInterval(function () {    var current_date = new Date().getTime();    var seconds_left = (target_date - current_date) / 1000;    days = parseInt(seconds_left / 86400);    seconds_left = seconds_left % 86400;         hours = parseInt(seconds_left / 3600);    seconds_left = seconds_left % 3600;         minutes = parseInt(seconds_left / 60);    seconds = parseInt(seconds_left % 60);  countdown.innerHTML = days + " <span class=\'putih\'>hari</span> " + hours + " <span class=\'putih\'>jam</span> "  + minutes + " <span class=\'putih\'>menit</span> " + seconds + " <span class=\'putih\'>Idul Fitri</span> 1435H";   }, 1000);//]]></script>

 Keterangan :
- Ganti text yang berwarna Hijau dengan Waktu acara/Event yang akan di laksanakan
- Ganti text yang berwarna Merah dengan kata-kata yang anda inginkan

Demikian post tentang Cara Membuat Countdown Timer dengan JavaScript.
Jika artikel diatas bermanfaat jangan lupa untuk meninggalkan komentar dan klik tombol G+ dibawah.

Keyword:
- cara membuat penghitung waktu mundur dengan javascript di blog
- cara membuat timer countdown di blog

Share this

Nursalim Laimi

Artikel Terkait