Cara Memasang StopWatch Pada Blog

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.


Kalau ada pertanyaan atau anda suka dengan "Cara Memasang StopWatch Pada Blog" di atas silahkan masuk pada kolom komentar di bawah. Thanks.
Aristokrat Label: 01.15.00 0 komentar
Posting Komentar
Sebelum Anda meninggalkan halaman ini, silahkan masukkan "KOMENTAR" Anda.

to top Page Up Page Down to Bottom Auto Scroll Stop Scroll