Sebelumnya sudah diposting artikel tutorial untuk membuat skrip waktu hitung mundur detik. Nah sekarang kita coba melakukan modifikasi dengan menambahkan satuan waktu Menit.
Berikut adalah cara membuat Waktu Hitung Mundur untuk satuan waktu Menit dan Detik yang dapat dipasang diweb. Skrip ini menggunakan Javascript sederhana dan sangat mudah dipahami bagi pemula.
Hitung Mundur Waktu Menit – Detik.
Simpan dengan nama file menit-detik-mundur.js
$(document).ready(function() {
var detik = 3;
var menit = 1;
function hitung() {
setTimeout(hitung,1000);
$('#tampilkan').html( ' habis waktu ' + menit + ' menit ' + detik + ' detik ');
detik --;
if(detik < 0) {
detik = 59;
menit --;
if(menit < 0) {
menit = 0;
detik = 0;
}
}
}
hitung();
});
Pemasangan di Web
index.html:
<html> <head> <script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script> <script type='text/javascript' src='menit-detik-mundur.js'></script> </head> <body> <div id='tampilkan'></div> </body> </html></div> <div>