Countdown Timer Javascript

Hemh,,, mumpung lagi minat posting …
Kali ini aku mau berbagi pengetahuanku tentang javascript, bagi yang udah tau, mohon sarannya ya,,, 😉

Gini, script ini nantinya akan menampilkan Waktu yang berjalan mundur dan akan berhenti jika nilainya 0. Mulai ya …

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div id="show_time"></div>
<script>
var milidetik = 0; // awal mula mili detik dihitung 0 = 9, 1 = 8 ...
var detik = 30; // lama waktu timer
document.getElementById('show_time').value=detik;
function timerCountdown(){
if (milidetik<=0){
milidetik = 9;
detik -= 1 ;
}
if (detik <=- 1){
milidetik = 0;
detik += 1;
}else{
milidetik -= 1;
document.getElementById('show_time').value = detik+"."+milidetik;
setTimeout("timerCountdown()",100);
}
}
timerCountdown();
</script>
<div id="show_time"></div> <script> var milidetik = 0; // awal mula mili detik dihitung 0 = 9, 1 = 8 ... var detik = 30; // lama waktu timer document.getElementById('show_time').value=detik; function timerCountdown(){ if (milidetik<=0){ milidetik = 9; detik -= 1 ; } if (detik <=- 1){ milidetik = 0; detik += 1; }else{ milidetik -= 1; document.getElementById('show_time').value = detik+"."+milidetik; setTimeout("timerCountdown()",100); } } timerCountdown(); </script>
<div id="show_time"></div>

<script>
var milidetik = 0; // awal mula mili detik dihitung 0 = 9, 1 = 8 ...
var detik = 30; // lama waktu timer
document.getElementById('show_time').value=detik;

function timerCountdown(){
   if (milidetik<=0){
       milidetik = 9;
       detik -= 1 ;
   }

   if (detik <=- 1){
       milidetik = 0;
       detik += 1;
   }else{
       milidetik -= 1;
       document.getElementById('show_time').value = detik+"."+milidetik;
       setTimeout("timerCountdown()",100);
   }
}

timerCountdown();
</script>

Nah, di bagian div nanti akan muncul countdown timernya,,, lumayan gampang kan … silahkan dicoba, semoga bermanfaat.