Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Gimana ya cara start, stop sama reset stopwatch ini pake keydown event?
<script>
let output = document.getElementById('stopwatch');
let ms = 0;
let sec = 0;
let min = 0;
function timer() {
ms++;
if(ms >= 100){
sec++
ms = 0
}
if(sec === 60){
min++
sec = 0
}
if(min === 60){
ms, sec, min = 0;
}
//Doing some string interpolation
let milli = ms < 10 ? `0`+ ms : ms;
let seconds = sec < 10 ? `0`+ sec : sec;
let minute = min < 10 ? `0` + min : min;
let timer= `${minute}:${seconds}:${milli}`;
output.innerHTML =timer;
};
//Start timer
function start(){
time = setInterval(timer,10);
}
//stop timer
function stop(){
clearInterval(time)
}
//reset timer
function reset(){
ms = 0;
sec = 0;
min = 0;
output.innerHTML = `00:00:00`
}
</script>
Tanggapan
Pertanyaan kamu tidak jelas, coba dijelaskan lebih baik. Jangan hanya copy paste kode ya
bisa pake library mousetrap https://craig.is/killing/micehttps://craig.is/killing/mice kalo ga mau ribet
1 Jawaban:
<div>Coba ini:</div><pre><html> <head> <title>Stopwatch Javascript</title> </head> <body> <h1 id="stopwatch">00:00:00</h1>
<button onclick="start()" id="start">Start</button> <button onclick="stop()" id="stop" disabled>Stop</button> <button onclick="reset()" id="reset" disabled>Reset</button> <script> let output = document.getElementById('stopwatch'); let btnstart = document.getElementById("start"); let btnstop = document.getElementById("stop"); let btnreset = document.getElementById("reset"); let ms = 0; let sec = 0; let min = 0;
function timer() { ms++; if(ms >= 100){ sec++ ms = 0 } if(sec === 60){ min++ sec = 0 } if(min === 60){ ms, sec, min = 0; }
//Doing some string interpolation
let milli = ms &lt; 10 ? `0`+ ms : ms;
let seconds = sec &lt; 10 ? `0`+ sec : sec;
let minute = min &lt; 10 ? `0` + min : min;
let timer= `${minute}:${seconds}:${milli}`;
output.innerHTML =timer;
}; // Start timer function start(){ time = setInterval(timer,10); btnstop.removeAttribute("disabled"); btnstart.setAttribute("disabled", ""); btnreset.setAttribute("disabled", ""); } // stop timer function stop(){ clearInterval(time); btnreset.removeAttribute("disabled"); btnstart.removeAttribute("disabled"); btnstop.setAttribute("disabled", ""); } // reset timer function reset(){ ms = 0; sec = 0; min = 0;
output.innerHTML = `00:00:00`
} </script> </body> </html></pre><div><br><strong>Semoga membantu</strong></div>