Cara Memasang StopWatch Pada Blog

Berikut ini adalah cara sederhana memasang StopWacth pada Blog. Caranya sangat simpel. Cukup menggunakan javascript saja.
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/ Onclick

<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.

Share this Article