Uncategories ramadhan countdown

ramadhan countdown

CSS
    #ramadhan {background:transparent;color:#37B185;font-family:Oswald, Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
      .teks {color:white}
  
HTML
<div id="ramadhan">
    <span id="countdown">0 <span class="teks">hari</span> -15 <span class="teks">jam</span> -19 <span class="teks">menit</span> -7 <span class="teks">detik menuju bulan Ramadhan</span> 2016 M / 1437 H</span>
    </div>
Script
    //<![CDATA[
    // set the date we're counting down to
    var target_date = new Date("June 6, 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 M / 1437 H";

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