Membuat Hitung Mundur Tahun Baru

Mbah Siyam - sebelumnya saya ucapkan selamat tahun baru bagi pengunjung blog ini, semoga kamu diberikan nikmat sehat walafiat. Di tahun yang baru semoga menjadi lebih baik dari tahun lalu, dan seiring bertambahnya waktu semoga dapat memotifikasi kita untuk terus berkarya

Berikut Cara Membuat Membuat Hitung Mundur Tahun Baru

Sebernarnya cara ini dapat di gunakan untuk hal lain seperti untuk timerhitung mundur menuju Brazil 2014 atau menuju hari hari besar lainnya. Namun berhubungan mau tahun baru nih, saya kasih judul Membuat Hitung Mundur Tahun Baru saja.

1. Copy kode berikut ke Tata Letak -> Add Gadget -> HTML/Javascript

<style type="text/css" scoped="scoped">
    #tahunbaru2014 {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="tahunbaru2014">
    <span id="countdown"></span>
    </div>
    <script type='text/javascript'>
    //<![CDATA[
    // set the date we're counting down to
    var target_date = new Date("Jan 1, 2014").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 Tahun</span> 2014";

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

 2. Klik Simpan, lalu selesai

Keterangan

• new Date("Jan 1, 2014").getTime(); Ganti sesuai tanggal hari besar nya contoh nya jika dimaksudkan untuk hitung mundur menuju Brazil 2014 ganti menjadi ("Jun 12, 2014")
• Untuk Warna Dan Style Saya rasa sudah pada bisa semua hehe jadi sesuaikan saja dengan kreasi sobat