clock-widget-ua-simple/script.js at main · Leadfall/clock-widget-ua-simple · GitHub

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
// ==========================
// 1. Читання URL параметрів
// ==========================
const params = new URLSearchParams(window.location.search);
const lang = params.get("lang") || "uk";
const format = params.get("format") || "default";
const showSeconds = params.get("seconds") !== "false";
const timezone = params.get("timezone") || "Europe/Kyiv";

const hourParam = params.get("hour");
const hour12 = hourParam === "12";

// ==========================
// 2. Формати відображення
// ==========================
const formats = {
  default: {
    day: "2-digit",
    month: "2-digit",
    year: "numeric",
    hour: "2-digit",
    minute: "2-digit",
    second: "2-digit",
    hour12: hour12
  },
  time: {
    hour: "2-digit",
    minute: "2-digit",
    hour12: hour12
  },
  date: {
    day: "2-digit",
    month: "2-digit",
    year: "numeric"
  },
  medium: {
    weekday: "short",
    day: "2-digit",
    month: "short",
    year: "numeric",
    hour: "2-digit",
    minute: "2-digit",
    second: "2-digit",
    hour12: hour12
  },
  full: {
    weekday: "long",
    day: "2-digit",
    month: "long",
    year: "numeric",
    hour: "2-digit",
    minute: "2-digit",
    second: "2-digit",
    hour12: hour12
  }
};

if (!showSeconds && formats.full.second) {
  delete formats.full.second;
}

// ==========================
// 3. Створюємо форматер
// ==========================
const formatter = new Intl.DateTimeFormat(
  lang === "en" ? "en-US" : "uk-UA",
  {
    ...formats[format] || formats.medium,
    timeZone: timezone
  }
);

// ==========================
// 4. Оновлення часу
// ==========================
const timeLabelElement = document.getElementById("timeLabel");

function updatetimeLabel() {
  timeLabelElement.textContent = formatter.format(new Date());
}

updatetimeLabel();
setInterval(updatetimeLabel, 1000);