Countdown Timer Sederhana

Countdown Timer Sederhana - Countdown Timer atau disebut waktu penghitung mundur, hitung mundur ini saya ambil dari TamingTheBeast. Selain menciptakan hitung mundur dari TamingTheBeast anda juga sanggup membuatnya di countingdownto.

Hitung mundur bisanya untuk menunggu bencana penting yang ditungu-tunggu semua orang menyerupai perayaan tahun baru, sanggup dilakuakn dalam pembuatan hitung mundur menyerupai Redirect Dengan Waktu, diartikan pengalihan kehalaman atau domain lain dengan waktu.

Kembali lagi ketopik, pada Countdown Timer Sederhana ini pembuatannya memakai Script. Pembuatannya cukup mudah, dan tidak memberatkan loading Blog. Langsung saja berikut ini langkah-langkah pembuatannya :

Silahkan Anda buka Editor Template Anda, lalu salain arahan dibawah ini dan terapakan sebelum arahan </body>

<script type='text/javascript'>
// This following statement must be left intact.
// Copyright (c) Michael Bloch and Taming The Beast.
// Countdown timer script v1.2 April 20 2009
// Taming the Beast.net - http://www.tamingthebeast.net
// Free Web Marketing and Ecommerce articles and tools
// By using this code you agree to indemnify Taming the Beast
// from from any liability that might arise from its use.
// The preceding statement be left intact.

var present;
var future;
var tseconds;
var seconds;
var minutes;
var hours;
var days;
ID=setTimeout(&quot;countdown();&quot;, 1000);

function countdown()
{
present = new Date();
present = present.getTime() + (60000) + (12 * 60 * 60 * 1000);
future = new Date(&quot;January 01, 2015 23:59:00&quot;);

tseconds = (future - present) / 1000;

days = tseconds /24/60/60;
days = Math.floor(days);
tseconds = tseconds - (days * 24 * 60 * 60);

hours = tseconds /60/60;
hours = Math.floor(hours);
tseconds = tseconds - (hours * 60 * 60);

minutes = tseconds /60;
minutes = Math.floor(minutes);
tseconds = tseconds - (minutes * 60);

seconds = tseconds;
seconds = Math.floor(seconds);

document.getElementById(&#39;days&#39;).innerHTML = days;
document.getElementById(&#39;hours&#39;).innerHTML = hours;
document.getElementById(&#39;minutes&#39;).innerHTML = minutes;
document.getElementById(&#39;seconds&#39;).innerHTML = seconds;
ID=setTimeout(&quot;countdown();&quot;, 1000);
}
</script>

Note :
> Silahkan Anda ganti arahan yang berwarna biru dengan tanggal, waktu dan tahun yang Anda kehendaki.

Langkah selanjutnya diharapkan arahan pemanggil, silahkan Anda salin arahan dibawah ini lalu anda terapkan pada entri gres di Mode HTML

<SPAN id="days">0</SPAN> &nbsp;days &nbsp;&nbsp; <SPAN id="hours">0</SPAN> &nbsp;hr.&nbsp;&nbsp; <SPAN id="minutes">0</SPAN>&nbsp;min,&nbsp; <SPAN id="seconds">0</SPAN>&nbsp;sec.&nbsp;

Demo

Countdown Timer Sederhana ini memang cukup sederhana, silahkan anda modifikasi supaya terlihat lebih menarik.

Semoga bermanfaat!
Sumber http://www.websiteedukasi.com/