-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
93 lines (86 loc) · 2.49 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
// @ts-check
(function () {
/**
* getLights
* @returns HTMLCollection
*/
function getLights() {
return document.getElementsByClassName('light');
}
/**
*
* @param {HTMLCollection} lights
* @returns {boolean[]}
*/
function getCurrentStates(lights) {
return [...lights].map(light => light.classList.contains('on'))
}
/**
*
* @param {Date} date
* @returns {boolean[]}
*/
function getStatesForTime(date) {
const states = [];
states.push(date.getSeconds() % 2 === 0);
const hours = date.getHours();
const fiveHours = Math.floor(hours / 5);
for (let light = 0; light <= 3; light++) {
states.push(fiveHours > light);
}
const oneHours = hours % 5;
for (let light = 0; light <= 3; light++) {
states.push(oneHours > light);
}
const minutes = date.getMinutes();
const fiveMinutes = Math.floor(minutes / 5);
for (let light = 0; light <= 10; light++) {
states.push(fiveMinutes > light);
}
const oneMinutes = minutes % 5;
for (let light = 0; light <= 3; light++) {
states.push(oneMinutes > light);
}
return states;
}
/**
*
* @param {HTMLCollection} lights
* @param {boolean[]} states
*/
function updateLights(lights, states) {
[...lights].forEach((light, index) => {
if (states[index]) light.classList.add('on')
else light.classList.remove('on')
})
}
/**
* @param {Date} date
*/
function currentTime(date){
return date.toLocaleTimeString('en-us', {hour12: false});
}
/**
* @param {string} time
*/
function updateTime(time){
const timeSpan = document.getElementById('time');
timeSpan.innerText = time;
}
let lastUpdatedTime;
let overrideTime;
function redraw() {
const date = new Date();
if(overrideTime) date.setSeconds(overrideTime);
const newTime = currentTime(date);
// Since we're checking for updates 60 times per second, only make changes if things have changed
if(newTime == lastUpdatedTime) return;
lastUpdatedTime = newTime;
const statesForTime = getStatesForTime(date);
const lights = getLights();
updateLights(lights, statesForTime);
updateTime(lastUpdatedTime);
}
redraw();
setInterval(redraw, 1000/60);
})();