Countdown atau waktu mundur seringkali digunakan untuk keperluan ekesekusi terhadap waktu yang telah dibatasi, dalam skript berikut bisa saudara coba menggunakan Tryit Editor yang disediakan oleh website http://www.w3schools.com/js/default.asp. Selamat bereksperimen semoga script ini bisa bermanfaat..
<html>
<head>
<title>Waktu Mundur</title>
<script type="text/javascript">
// set Menit
var point = 6000
var mins = Math.round(point/60);
var secs = mins * 60;
function countdown() {
setTimeout('Decrement()',1000);
}
function Decrement() {
if (document.getElementById) {
minutes = document.getElementById("minutes");
seconds = document.getElementById("seconds");
if (seconds < 59) {
seconds.value = secs;
} else {
minutes.value = getminutes();
seconds.value = getseconds();
}
secs--; // Jika saudara mengingingkan menjadikan penghitungan keatas maka rubahlah menjadi ++
setTimeout('Decrement()',1000);
}
}
// get Menit
function getminutes() {
mins = Math.floor(secs / 60);
return mins;
}
// Get Detik
function getseconds() {
return secs-Math.round(mins *60);
}
</script>
</head>
<body>
<div id="timer">
Waktu <input id="minutes" type="text" style="width: 37px; border: none; background-color:none; font-size: 15px; font-weight: bold;"> Menit, <input id="seconds" type="text" style="width: 26px; border: none; background-color:none; font-size: 16px; font-weight: bold;"> detik.
</div>
<script>
countdown();
</script>