-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
40 lines (32 loc) · 985 Bytes
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
const stopwatch = document.getElementById('stopwatch');
let interval;
let time = 0;
let pauseState = true;
function start() {
interval = setInterval(() => {
time++;
let hour = Math.floor((time / 3600)).toString();
let minute = Math.floor((time - (hour * 3600)) / 60).toString();
let second = Math.floor(time - ((hour * 3600) + (minute * 60))).toString();
stopwatch.innerHTML = `${padZero(hour)}:${padZero(minute)}:${padZero(second)}`;
}, 1000);
}
function padZero(val) {
return (val.length == 1) ? `0${val}` : val;
}
document.addEventListener('keyup', (e) => {
if (e.keyCode == 32) {
if (pauseState) {
start();
pauseState = false;
} else {
pauseState = true;
clearInterval(interval);
}
} else if (e.keyCode == 27) {
time = 0;
pauseState = true;
clearInterval(interval);
stopwatch.innerHTML = '00:00:00';
}
});