-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.js
More file actions
61 lines (51 loc) · 1.55 KB
/
Copy pathindex.js
File metadata and controls
61 lines (51 loc) · 1.55 KB
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
const timeContainer = document.querySelector("#timeContainer");
const timeDisplay = document.querySelector("#timeDisplay");
const startBtn = document.querySelector("#startBtn");
const pauseBtn = document.querySelector("#pauseBtn");
const resetBtn = document.querySelector("#resetBtn");
let startTime = 0;
let elapsedTime = 0;
let currentTime = 0;
let paused = true;
let intervalId;
let hours = 0;
let minutes = 0;
let seconds = 0;
startBtn.addEventListener("click", () => {
if (paused) {
paused = false;
startTime = Date.now() - elapsedTime;
intervalId = setInterval(updateTime, 1000);
}
});
pauseBtn.addEventListener("click", () => {
if (!paused) {
paused = true;
elapsedTime = Date.now() - startTime;
clearInterval(intervalId);
}
});
resetBtn.addEventListener("click", () => {
paused = true;
clearInterval(intervalId);
startTime = 0;
elapsedTime = 0;
currentTime = 0;
hours = 0;
minutes = 0;
seconds = 0;
timeDisplay.textContent = `00:00:00`;
});
function updateTime() {
elapsedTime = Date.now() - startTime;
seconds = Math.floor((elapsedTime / 1000) % 60);
minutes = Math.floor((elapsedTime / (1000 * 60)) % 60);
hours = Math.floor((elapsedTime / (1000 * 60 * 60)) % 60);
seconds = putZeroinFront(seconds);
minutes = putZeroinFront(minutes);
hours = putZeroinFront(hours);
timeDisplay.textContent = `${hours}:${minutes}:${seconds}`;
function putZeroinFront(unit) {
return (("0") + unit).length > 2 ? unit : "0" + unit;
}
}