-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
53 lines (43 loc) · 1.62 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
var timedisplay = document.getElementById("timer");
var BensTime = document.getElementById("BensTime");
var DansTime = document.getElementById("DansTime");
var JamesTime = document.getElementById("JamesTime");
var start = Date.now();
var timer;
var timerpaused = true;
var delta = 0;
document.addEventListener('keydown', function(event) {
if(event.keyCode == 32) { // Spacebar
if(timerpaused) {
start = new Date (Date.now() - delta);
console.log(start);
timer = setInterval(function(){
timedisplay.innerHTML = rendertimer();
}, 10);
timerpaused = false;
} else {
clearInterval(timer);
timerpaused = true;
}
}
if(event.keyCode == 39) { // Right Arrow
BensTime.innerHTML = "<p><b>Ben</b> <br /> " + rendertimer() + "</p>"
}
if(event.keyCode == 38 ) { // Up Arrow
DansTime.innerHTML = "<p><b>Dan</b> <br /> " + rendertimer() + "</p>"
}
if(event.keyCode == 40 ) { // Down Arrow
JamesTime.innerHTML = "<p><b>James</b> <br /> " + rendertimer() + "</p>"
}
});
function rendertimer() {
delta = Date.now() - start;
var milliseconds = parseInt((delta % 1000) / 1),
seconds = Math.floor((delta / 1000) % 60),
minutes = Math.floor((delta / (1000 * 60)) % 60),
hours = Math.floor((delta / (1000 * 60 * 60)) % 24);
hours = (hours < 10) ? "0" + hours : hours;
minutes = (minutes < 10) ? "0" + minutes : minutes;
seconds = (seconds < 10) ? "0" + seconds : seconds;
return hours + ":" + minutes + ":" + seconds + "." + milliseconds;
}