summaryrefslogtreecommitdiff
path: root/src/static/js/clocks.js
blob: da617b6ccefebf218104157d55d0c632bc92c265 (plain)
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
const updateClock = (start, e) => {
  let timeSince = new Date().getTime() - start;

  let days = Math.floor(timeSince / (1000 * 60 * 60 * 24));
  let hours = Math.floor(
    (timeSince % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),
  );
  let minutes = Math.floor((timeSince % (1000 * 60 * 60)) / (1000 * 60));
  let seconds = Math.floor((timeSince % (1000 * 60)) / 1000);

  const elems = e.getElementsByTagName("p");

  for (const e of elems) {
    switch (e.id) {
      case "d":
        e.innerHTML = days + "d";
        break;
      case "h":
        e.innerHTML = hours + "h";
        break;
      case "m":
        e.innerHTML = minutes + "m";
        break;
      case "s":
        e.innerHTML = seconds + "s";
        break;
      default:
        break;
    }
  }
};

const applyClock = (e) => {
  const startattr = e.getAttributeNode("x-start-time");
  if (startattr === null) return;

  const start = Number.parseInt(startattr.value);

  setInterval(() => updateClock(start, e), 1000);
};

const clocks = document.getElementsByClassName("clock");
for (const e of clocks) {
  applyClock(e);
}