Postingan lainnya

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 3 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 3 tahun yang lalu