Cara Membuat CountDown Timer Tahun Baru 2015
Selamat datang agan/aganwati disini saya akan berbagi tips yaitu cara membuat count downtimer versi tahun baru 2015 dan disini saya mengucapkan terlebih dahulu SELAMAT TAHUN BARU 2015 .
Baiklah Countdown Timer merupakan widget penghitung waktu secara mundur yang biasanya digunakan menuju waktu atau hari tertentu.
Biasanya countdown timer atau penghitungan waktu mundur digunakan untuk menyambut Tahun Baru atau moment - moment spesial lainya , khususnya tahun baru 2015 ini . untuk menerapkannya anda harus mengikuti langkah berikut ;
Langkah-langkah:
1. Silahkan Agan/aganwati buka dashbor terlebih dahulu
2. Setelah itu Pilih Menu Tata Letak
3. Silahkan Pilih Tambahkan Gadget => Kemudian Pilih HTML/JAVASCRIPT
4. Masukkan Kode JavaScript Ini :
<style type="text/css" scoped="scoped">
#tahunbaru2015 {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="tahunbaru2015">
<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, 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 Tahun</span> 2015";
}, 1000);
//]]>
</script>
5. Simpan. Dan Coba Lihat hasilnya :)
6. Selamat Mencoba!!!
Cukup sekian artikel tentang countdowntimer tahun baru 2015 semoga artikel ini dapat memperindah blog agan/aganwati sekali lagi saya ucapkan terima kasih dan SELAMAT MENCOBA!!
Published By:
Tsani Aziz | Jika Ingin Copas Tolong Sertakan Sumber Di Bawah ini
Terimah Kasih telah membaca artikel
Cara Membuat CountDown Timer Tahun Baru 2015 . Yang ditulis oleh Tsani Aziz .Pada hariSabtu, 20 Desember 2014. Jika anda ingin sebarluaskan artikel ini, mohon sertakan
sumber link asli. Kritik dan saran dapat anda sampaikan melalui kotak komentar Dan Jika Anda Memberi Like/Share Saya Sangat Berterima Kasih. Sekian Trimakasih ^_^