Biasanya ketika ada pelajaran lari saat pelajaran olah raga di sekolah, sang guru membawa penghitung waktu di tangannya. Sang guru akan menggunakan penghitung waktu itu saat para siswanya disuruh lari. Alat itu digunakan sang guru untuk menghitung berapa jumlah waktu yang telah berjalan selama siswanya lari sampai batas waktu yang telah ditentukan. Di sini kita akan membuat gadget yang serupa dengan penghitung waktu yang dibawa sang guru tersebut. Cara Membuat Timer Javascript :
1. Buka notepad
2. Salin kode berikut
<html><body><input type="text" id="timer" size="12"><input type="button" value="start" onClick="count()"><script type="text/javascript">var c=0document.getElementById("timer").value = ""function count() {document.getElementById("timer").value=cc=c+1setTimeOut("count()",1000)}</script></body></html>
3. simpan dengan nama timer.html
Kalau mau stop timernya ditengah jalan gimana gan?
bisa ditambahkan fungsi clearTimeout di dalam script javascript, lalu di dalam tag <body> tambahkan 1 tombol lagi untuk mengaktifkan fungsi clearTimeout yang nantinya akan kita sebut tombol stop.
Script jadinya akan jadi seperti ini :
<html>
<body>
<input type="text" id="timer" size="12">
<input type="button" value="Start" onClick="count()">
<input type="button" value="Stop" onClick="stop()">
<script type="text/javascript">
var c=0
document.getElementById("timer").value = ""
function count(){
document.getElementById("timer").value=c
c=c+1
d = setTimeout("count()",1000)
}
function stop(){
clearTimeout(d);
}
</script>
</body>
</html>
kok gak mau jalan sendiri ya.. ?
Masukkan komentar Anda...sama