Skip to content

Commit eb3cdaf

Browse files
committed
Add functionality
1 parent 2096c03 commit eb3cdaf

File tree

1 file changed

+49
-0
lines changed

1 file changed

+49
-0
lines changed

Source-Code/StopWatch/script.js

+49
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
let milliseconds = 0;
2+
let seconds = 0;
3+
let minutes = 0;
4+
let timer;
5+
6+
const startButton = document.getElementById("start");
7+
const stopButton = document.getElementById("stop");
8+
const resetButton = document.getElementById("reset");
9+
10+
const updateTime = () => {
11+
milliseconds += 1;
12+
if (milliseconds === 100) {
13+
milliseconds = 0;
14+
seconds += 1;
15+
}
16+
if (seconds === 60) {
17+
seconds = 0;
18+
minutes += 1;
19+
}
20+
document.getElementById("milliseconds").innerText =
21+
milliseconds < 10 ? `0${milliseconds}` : milliseconds;
22+
document.getElementById("seconds").innerText =
23+
seconds < 10 ? `0${seconds}` : seconds;
24+
document.getElementById("minutes").innerText =
25+
minutes < 10 ? `0${minutes}` : minutes;
26+
};
27+
28+
const startTimer = () => {
29+
clearInterval(timer);
30+
timer = setInterval(updateTime, 10);
31+
};
32+
33+
const stopTimer = () => {
34+
clearInterval(timer);
35+
};
36+
37+
const resetTimer = () => {
38+
clearInterval(timer);
39+
milliseconds = 0;
40+
seconds = 0;
41+
minutes = 0;
42+
document.getElementById("milliseconds").innerText = "00";
43+
document.getElementById("seconds").innerText = "00";
44+
document.getElementById("minutes").innerText = "00";
45+
};
46+
47+
startButton.addEventListener("click", startTimer);
48+
stopButton.addEventListener("click", stopTimer);
49+
resetButton.addEventListener("click", resetTimer);

0 commit comments

Comments
 (0)