Web Programming: Hitung mundur dengan JavaScript

Kebetulan waktu ngerjain skripsi kemaren (Manipulasi Robot Berbasis Web) ada sedikit mekanisme yang ditambahkan ke sistem. Well, karena ini permintaan dosen pembimbing, jadi gw kerjain aja. script JavaScript berikut adalah untuk melakukan hitung mundur atau countdown selama waktu yang ditentukan dalam “menit:detik”.

/*------
Copyright 2009. Anom Tejo Pratomo
Departemen Teknik Mesin - Universitas Indonesia
------*/

// KONFIGURASI
var menit = 9; // Lamanya hitung mundur (dalam menit)
var detik = 59; // Detik standar (jangan diubah kecuali Anda tahu yang Anda lakukan)
var penghitung_detik = detik; // Set variabel detik yang lain untuk dimanipulasi

// HITUNG MUNDUR
penghitung_detik = 0;
function hitung_mundur() {
penghitung_detik--; // Setiap siklus 1 detik mengurangi nilainya 1 poin
if (penghitung_detik == -1) { // Deteksi detik ketika nilainya "0"
menit--; // Setiap siklus 1 menit mengurangi nilainya 1 poin
penghitung_detik = detik; // Me-reset detik untuk memulai hitung mundur menit yang baru
if (menit <= -1) { // Hitung mundur selesai
menit = 0;penghitung_detik = 0; // Menset menit dan detik ke "0"
clearTimeout(penghitung); // Stop hitung mundur
}
}
if (document.getElementById) {
document.getElementById("hitung_mundur_tampil").innerHTML=menit+":"+penghitung_detik; // Memasukkan nilai variabel menit dan detik untuk ditampilkan
}
penghitung=setTimeout("hitung_mundur()", 1000); // Set siklus penghitungan mundur (standar: 1 detik)
}

// INISIALISASI
if (document.all||document.getElementById)
document.write(' - <b id="hitung_mundur_tampil">'+menit+':'+penghitung_detik+' </b>'); // Format tampilan hitung mundur di antarmuka
hitung_mundur();

Cara menggunakannya taruh aja kode di atas ke dalam file HTML langsung. Dan jangan lupa sisipkan diantara tag <script language=”JavaScript”> dan </script> supaya jalan. Kalau ada yang coba kemudian error, kasih tau ya

Related posts:

1. Web Programming: Cek kecepatan internet pengunjung dengan PHP Selain mekanisme hitung mundur atau countdown, dosen pembimbing skripsi juga...
2. Menghindari SPAM dengan Temporary E-mail Pengen mendaftar di suatu situs tapi takut inbox mail sendiri...
3. Tutorial Preview Video dengan Media Player Classic 1. Bukalah program Media Player Classic Jika anda belum...
4. Memindahkan blog WordPress ke hosting baru Terdapat dua skenario untuk memindahkan wordpress ke web hosting baru....
5. Mulai Skripsi Akhirnya setelah lama diundur (oleh saya sendiri karena agak malas),...
6. Kode anti copy-paste untuk website Selama beberapa tahun ini ngeblog, banyak juga blogger yang...