Postingan lainnya

Buku Ini Koding!

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>

javascript tool bebas

@mustofaaaaaaaaaaaa

1 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

Tanggapan

Pertanyaan kamu tidak jelas, coba dijelaskan lebih baik. Jangan hanya copy paste kode ya

@hilmanski

bisa pake library mousetrap https://craig.is/killing/micehttps://craig.is/killing/mice kalo ga mau ribet

@apake1

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 &amp;lt; 10 ? `0`+ ms : ms;
let seconds = sec &amp;lt; 10 ? `0`+ sec : sec;
let minute = min &amp;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>

@syahid246

70 Kontribusi 160 Poin

Dipost 4 tahun yang lalu

Buku Ini Koding!

Kelas Premium! Belajar Javascript untuk website

Gimana ya cara start, stop sama reset stopwatch ini pake keydown event?

Kelas Premium!
Belajar Javascript untuk website