MEMBUAT COUNTDOWN

Untuk membuat widget Countdown di blog cukup mudah, silahkan copykan script berikut ini di HTML/Java Script blog kalian:
Tentukan tanggal berapa waktu yang kita akan hitung mundurnya, ubah pada bagian =new Date("May 03, 2017") menjadi tanggal yang akan kita tentukan. Selanjutnya tentukan moment apa tanggal tersebut ubah pada bagian Menuju UNBK 2017.
Selamat mencoba....


<style scoped="scoped" type="text/css">
.tb2016{color:#01579b;background: #03a9f4; font-size: 120%;
text-transform: uppercase;text-align: center;margin: 2%;padding: 1.5%;}
.digit {color:#fff}
.judul {color:#fff}
@media screen and (max-width:974px) {
.tb2016{ margin:10px 0 0 0;}}
</style>

<div class="tb2016">
<div id="countdown">
<script type="text/javascript">
//<![CDATA[
var target_date = new Date("May 03, 2017").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=\'digit\'>hari</span> " + hours + " <span class=\'digit\'>jam</span> "
  + minutes + " <span class=\'digit\'>menit</span> " + seconds + " <span class=\'digit\'>detik</span> <span class=\'digit\'>Menuju</span> <span class=\'judul\'>UNBK 2017</span>";
}, 1000);
//]]>
</script></div></div>