Widget Hitung Mundur Bulan Ramadhan 2016

Selamat malam gan, gak terasa ya sebentar lagi kita semua akan memasukin bulan puasa ramadhan 2016 :). Berhubung, sebentar lagi kita mau memasuki bulan yang suci ini, jadi saya kali ini membagi widget hitung mundur bulan ramadhan 2016. Tentu kalian sudah melihat widget hitung mundur bulan ramadhan 2016 di halaman depan blog ini bukan? Makanya, saya mau membagi widget ini!

Sebelumnya, admin dari blog Naufal Adzani, ingin meminta maaf jika selama admin nge-blog di blog yang sederhana ini kalau mempunyai salah yang disengaja maupun tidak disengaja sebelum kita memasuki bulan puasa ramadhan 2016.

Langsung aja ya di ambil widget nya

<style type="text/css" scoped="scoped">
#bulanramadhan2016 {background:black;color:#5CAAFF;font-family:Oswald, Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
  .teks {color:white}
</style>
<div id="bulanramadhan2016">
<span id="countdown"></span>
</div>
<script type='text/javascript'>
//<![CDATA[
// set the date we're counting down to
var target_date = new Date("Jun 7, 2016").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 bulan ramadhan </span> 2016";
}, 1000);
//]]>
</script>

Note: Tulisan yang saya beri warna merah, silahkan ganti kode tersebut dengan warna yang kalian inginkan. Tersedia di berbagai situs kode warna di google yah!

Tweet