forked from HackYourFuture/JavaScript2
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.js
More file actions
91 lines (84 loc) · 2.62 KB
/
index.js
File metadata and controls
91 lines (84 loc) · 2.62 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/////// BUTTONS////////////////
const start = document.getElementById('play');
const pause = document.getElementById('pause');
const reset = document.getElementById('reset');
const arrowUp = document.getElementById('arrow_up');
const arrowDown = document.getElementById('arrow_down');
/////////// VARIABLES //////////////////
let minutes = document.getElementById('minutes');
let secounds = document.getElementById('secounds');
let semicolon = document.getElementById('semicolon');
let sessionLength = document.getElementById('time');
let startTimer;
sessionLength.innerText = minutes.innerText;
// ///////////// ARROW UP AND DOWN //////////////
arrowUp.addEventListener('click',()=>{
if(minutes.innerText >= 0 && !startTimer ){
minutes.style.visibility = 'visible';
secounds.style.visibility = 'visible';
semicolon.innerText = ':'
minutes.innerText++;
sessionLength.innerText++;
secounds.innerText = '00';
}
})
arrowDown.addEventListener('click', ()=>{
if(minutes.innerText > 0 && !startTimer ){
minutes.innerText--;
sessionLength.innerText--;
secounds.innerText = '00';
}else if(minutes.innerText == 0 && !startTimer ){
minutes.style.visibility = 'hidden';
secounds.style.visibility = 'hidden';
semicolon.innerText = `time's up!`;
}
})
/////////////////// START RESET STOP BUTTONS //////////////
start.addEventListener('click', ()=>{
if(startTimer === undefined){
startTimer = setInterval(timer, 1000)
}else{
alert('Timer is already running')
}
})
reset.addEventListener('click', () =>{
if(minutes.innerText == 0 && secounds.innerText == 0){
minutes.innerText = sessionLength.innerText;
secounds.innerText = '00';
semicolon.textContent = ':'
stopInterval()
startTimer = undefined;
}else{
minutes.innerText = sessionLength.innerText;
secounds.innerText = '00';
stopInterval()
startTimer = undefined;
}
})
pause.addEventListener('click', ()=>{
stopInterval();
startTimer = undefined;
})
// start timer Function
function timer(){
if(secounds.innerText != 0){
secounds.innerText--;
} if(minutes.innerText != 0 && secounds.innerText == 0){
secounds.innerText = 59;
minutes.innerText --;
} if (minutes.innerText == 0 && secounds.innerText == 0){
minutes.style.visibility ='hidden';
secounds.style.visibility ='hidden';
semicolon.innerText = `time's up!`;
clearInterval(startTimer);
startTimer = undefined;
}
if (secounds.innerText < 10 ){
secounds.innerText = `0${secounds.innerText}`;
console.log(secounds.innerText);
};
};
//stop timer function
function stopInterval(){
clearInterval(startTimer);
}