Ada tiga cara penghitungan:
1. Hitung Mundur.
2. Hitung Maju/ Normal.
3. Hitung Otomatis Tanpa Perintah/ Onclick.
Berikut adalah Script-nya:
1. Hitung Mundur
Click on the Start button above to start the stopwatch.
<script type="text/javascript">
var c=60
var t
function stopCount()
{
clearTimeout(t)
}
function timedCount()
{
document.getElementById('txt').value=c
c=c-1
if(c==-1)
{
alert("Waktu habis")
stopcount()
}
t=setTimeout("timedCount()",1000)
}
</script>
<form>
<input id="txt" type="text" /><input onclick="timedCount()" type="button" value="Start stopwatch" />
</form>
Keterangan:Angka 60 menunjukkan awal penghitungan berdasarkan detik/ second. Angka 1000 merupakan satuan per detik. Jika diganti dengan 100 maka penghitungan menjadi lebih cepat karena sudah berubah menjadi milliseconds.
2. Hitung Maju/ Normal
<p> Click on the Start button above to start the stopwatch.</p> <script type="text/javascript"> var c=0 var t function stopCount() { clearTimeout(t) } function timedCount() { document.getElementById('txt').value=c c=c+1 if(c==61) { alert("Waktu habis") stopcount() } t=setTimeout("timedCount()",1000) } </script> <form> <input type="text" id="txt"/><input type="button" value="Start stopwatch" onClick="timedCount()"/> </form>
Keterangan:
1. Angka 61 menunjukkan awal penghitungan berdasarkan detik/ second. Jika angka ini diganti menjadi 121, maka otomatis berhenti setelah dua menit.
2. Angka 1000 merupakan satuan per detik. Jika diganti dengan 100 maka penghitungan menjadi lebih cepat karena sudah berubah menjadi milliseconds.
3. Hitung Otomatis Tanpa Perintah/ Onclick1. Angka 61 menunjukkan awal penghitungan berdasarkan detik/ second. Jika angka ini diganti menjadi 121, maka otomatis berhenti setelah dua menit.
2. Angka 1000 merupakan satuan per detik. Jika diganti dengan 100 maka penghitungan menjadi lebih cepat karena sudah berubah menjadi milliseconds.
<p> Perhatikan Bagian Judul TAB ini.</p> <script type="text/javascript"> var time = 0, elapsed = '0.0'; window.setInterval(function() { time += 100; elapsed = Math.floor(time / 100) / 10; if(Math.round(elapsed) == elapsed) { elapsed += '.0'; } document.title = elapsed; }, 100); </script>
Itu tadi cara memasang StopWacth pada Blog.
Mudah bukan ? Kalau kurang puas dengan penampilannya bisa anda otak-atik sendiri.
Kalau ada pertanyaan atau anda suka dengan "Cara Memasang StopWatch Pada Blog" di atas silahkan masuk pada kolom komentar di bawah. Thanks.