Countdown Timer Sederhana

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

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

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

Silahkan Anda buka Editor Template Anda, kemudian salain kode dibawah ini dan terapakan sebelum kode </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 kode yang berwarna biru dengan tanggal, waktu dan tahun yang Anda kehendaki.

Langkah selanjutnya dibutuhkan kode pemanggil, silahkan Anda salin kode dibawah ini kemudian anda terapkan pada entri baru 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 agar terlihat lebih menarik.

Semoga bermanfaat!

Subscribe to receive free email updates: