-
Notifications
You must be signed in to change notification settings - Fork 0
/
stopwatch.js
59 lines (47 loc) · 1.38 KB
/
stopwatch.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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
let hr=document.querySelector('.hour');
let min=document.querySelector('.minute');
let sec=document.querySelector('.second');
let btn1=document.querySelector('.btn1');
let btn2=document.querySelector('.btn2');
let btn3=document.querySelector('.btn3');
let time=[0,0,0];
let disabled=0;
btn1.addEventListener('click',()=>{
if(disabled==0) {
btn1.classList.add('disabled');
btn2.classList.remove('disabled')
timer=setInterval(()=>{
let s=++time[2];
sec.innerText=s.toString().padStart(2,"0")
if(time[2]==60) {
time[2]=0;
let m=++time[1];
min.innerText=m.toString().padStart(2,"0").padEnd(4,": ")
}
if(time[1]==60) {
time[1]=0;
let h=++time[0];
hr.innerText=h.toString().padStart(2,"0").padEnd(4,": ")
}
console.log(time)
disabled=1;
console.log(disabled)
},1000)
}
})
btn2.addEventListener('click',()=>{
btn2.classList.add('disabled')
clearInterval(timer)
btn1.classList.remove('disabled')
disabled=0;
})
btn3.addEventListener('click',()=>{
btn1.classList.remove('disabled')
btn2.classList.remove('disabled')
hr.innerText="00".padEnd(4,": ");
min.innerText="00".padEnd(4,": ");
sec.innerText="00";
clearInterval(timer);
disabled=0;
time=[0,0,0];
})