Cara Terbaru Menciptakan Countdown Timer Tahun Gres 2015
Tutorial Cara Terbaru Membuat Countdown Timer Tahun Baru 2015 di Blogger - Tak terasa sebentar lagi tahun gres 2015 akan datang , sebagai seorang blogger widget Countdown Timer sanggup dijadikan sebagai apresiasi untuk menyambut kehadiran tahu gres 2015 ini. Sebelumnya tahukah anda apa itu Countdown Timer ? hembs kalau belom tahu ane kasih tahu ya . Countdown Timer merupakan widget penghitung waktu secara mundur yang biasanya dipakai menuju waktu atau hari tertentu. Biasanya sih countdown timer atau penghitungan waktu mundur dipakai untuk menyambut Tahun Baru atau moment - moment Istimewa lainya , khususnya tahun gres 2015 ini .
Pada tahun gres 2014 kemaren tutorial membuat Countdown Timer sudah di share ulang blogger senior kang ismet , namun di tahun kini ini tak ada salahnya bila aku juga membagikanya untuk anda , tentunya dengan versi yang berbeda , kalau tutorial kali ini ialah menyambut tahun gres 2015 versi update dari kang ismet.
Untuk demo Countdown Timer ibarat gambar diatas tersebut
Pada tahun gres 2014 kemaren tutorial membuat Countdown Timer sudah di share ulang blogger senior kang ismet , namun di tahun kini ini tak ada salahnya bila aku juga membagikanya untuk anda , tentunya dengan versi yang berbeda , kalau tutorial kali ini ialah menyambut tahun gres 2015 versi update dari kang ismet.
Tutorial Membuat Widget Countdown Timer Tahun Baru 2015
Untuk cara pemasangan Countdown Timer sangat gampang sekali silahkan salin dan tempelkan arahan dibawah ini pada widget HTML/JavaScript :<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 sasaran 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>