Please Wait, Loading...

Wednesday 19 December 2012

Count Down Menggunakan JavaSciprt (Proses disisi klien)


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>