-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
112 lines (98 loc) · 3.24 KB
/
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
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
day = 1;
pauseday = false;
pausedefense = false;
pausefive = false;
listOfIntervals = [];
function addPlayer(ele) {
if (event.key === 'Enter'){
name = ele.value;
toAdd = "<tr><td class='pointer' id='Name' onclick='deletePlayer(this)'>"+name+"</td><th><input id='votes'></th></tr>";
document.getElementById("Adding").value = "";
document.getElementById("Nominations").innerHTML += toAdd;
}
}
function deletePlayer(ele) {
i = ele.parentNode.parentNode;
ele.parentNode.parentNode.remove(i);
}
function setDay(day){
toSet = "Dag " + day;
document.getElementById("Day").innerHTML = toSet;
}
function goToNext(){
document.getElementById("Nominations").innerHTML = "";
setDay(++day);
resetTimers();
}
function resetTimers(){
tid = "10:00";
if (day == 1){
tid = "15:00";
}
document.getElementById("DayTime").outerHTML = '<span id="DayTime" class="pointer" onclick="startDay(this)">'+tid+'</span>';
document.getElementById("Defense").outerHTML = '<span id="Defense" class="pointer" onclick="startDefense(this)">02:00</span>';
document.getElementById("Fivemin").outerHTML = '<span id="Fivemin" class="pointer" onclick="startFive(this)">05:00</span>';
for (i=0; i < listOfIntervals.length; i++) {
window.clearInterval(listOfIntervals[i]);
}
listOfIntervals = [];
pauseday = false;
pausedefense = false;
pausefive = false;
}
function startTimer(duration, display, ele) {
var timer = duration, minutes, seconds;
let intervalId = setInterval(function () {
if (display.id === 'DayTime'){
pause = pauseday;
} else if (ele.id === 'Fivemin') {
pause = pausefive;
} else {
pause = pausedefense;
}
if (!pause){
minutes = parseInt(timer / 60, 10)
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds;
if (--timer < 0) {
window.clearInterval(intervalId);
alert("Timer is finished");
display.outerHTML = ele.outerHTML;
}
}
}, 1000);
listOfIntervals.push(intervalId);
}
function startDay(ele){
if (day == 1) {
time = 60*15;
} else {
time = 60*10;
}
ele.outerHTML = '<span id="DayTime" class="pointer" onclick="pauseFunc(this)">15:00</span>';
display = document.querySelector('#DayTime');
startTimer(time, display, ele);
}
function startDefense(ele){
time = 2*60
ele.outerHTML = '<span id="Defense" class="pointer" onclick="pauseFunc(this)">02:00</span>';
display = document.querySelector('#Defense');
startTimer(time, display, ele);
}
function startFive(ele){
time = 5*60
ele.outerHTML = '<span id="Fivemin" class="pointer" onclick="pauseFunc(this)">05:00</span>';
display = document.querySelector('#Fivemin');
startTimer(time, display, ele);
}
function pauseFunc(ele){
if (ele.id === 'DayTime'){
pauseday = !pauseday;
} else if (ele.id === 'Fivemin') {
pausefive = !pausefive;
} else {
pausedefense = !pausedefense;
}
}