Membuat Timer Hitung Mundur Hari Raya Idul Fitri Lebaran 2015

Membuat Widget Hitung Mundur Hari Raya Idul Fitri di Blog 2015

Selamat Menunaikan Ibadah Puasa, Hari Raya Tinggal Menghitung JAM Mari Pasang Widget Hitung Mundur Menuju Hari Raya Idul Fitri. Admin tidak banyak ngomong lagi langsung saja kodenya , Mohon Maaf Lahir dan Batin ya!!

KODE CSS DAN HTMLNYA

<style scoped="" type="text/css"> 
#idulfitri{background:#31acce;color:#ffe8a0;font-size:120%;text-align:center;padding:20px 0;font-weight:normal;border-radius:3px;line-height:normal;}
.digital,.idjudul {color:#fff}
</style>
<div id="idulfitri">
<span id="hitungmundur"></span>
</div>
<script>var target_date=new Date("Jul 17, 2015").getTime();var days,hours,minutes,seconds;var hitungmundur=document.getElementById("hitungmundur");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);hitungmundur.innerHTML=days+" <span class=\'digital\'>hari</span> "+ hours+" <span class=\'digital\'>jam</span> "
+ minutes+" <span class=\'digital\'>menit</span> "+ seconds+" <span class=\'digital\'>detik menuju</span> <span class=\'idjudul\'>Idul Fitri 1436H / 2015</span>";},1000);
</script>

Langsung Tutorialnya