Widget Hitung Mundur Idul Adha 2015

Besok adalah hari dimana semua umat muslim akan melaksanakan hari raya idul adha 2015. Dan apa hubungan nya dengan post saya kali ini? berhubung besok adalah hari yang suci atau idul adha 2015 saya ingin mau ngasih widget hitung mundur idul adha 2015

Bagi kalian yang ingin widget ini silahkan ambil aja dibawah ya!

<style type="text/css" scoped="scoped">
#bulaniduladha2015 {background:black;color:#5CAAFF;font-family:Open Sans;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
  .teks {color:white}
</style>
<div id="bulanramadhan2015">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("Sep 24, 2015").getTime();
// variables for time units
var days, hours, minutes, seconds;
// get tag element
var countdown = document.getElementById("countdown");
// update the tag with id "countdown" every 1 second
setInterval(function () {
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
    // do some time calculations
    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);
 
    // format countdown string + set tag value
  countdown.innerHTML = days + " <span class=\'teks\'>hari</span> " + hours + " <span class=\'teks\'>jam</span> "
  + minutes + " <span class=\'teks\'>menit</span> " + seconds + " <span class=\'teks\'>detik Menuju Idul Adha</span> 2015";

}, 1000);
//]]>
</script>

Note: Silahkan ganti background :#5CAAFF warna dengan kemauan kalian sendiri!
Selamat hari raya idul adha 2015
 

Tweet