forked from Bauddhik-Geeks/Digital-Clock
-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
86 lines (79 loc) · 1.63 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
const TimeZoneData = {
IST: 5.3,
GMT: 0,
ECT: 1,
EET: 2,
ART: 2,
EAT: 3,
MET: 3.3,
NET: 4,
PLT: 5,
BST: 6,
VST: 7,
CTT: 8,
JST: 9,
ACT: 9.3,
AET: 10,
SST: 11,
NST: 12,
MIT: -11,
HST: -10,
AST: -9,
PST: -8,
PNT: -7,
MST: -7,
CST: -6,
EST: -5,
PRT: -4,
CNT: -3.3,
AGT: -3,
BET: -3,
CAT: -1,
};
let timezone = document.getElementById("TimeZone");
for (key in TimeZoneData) {
timezone.innerHTML += `<option value="${key}">${key}</option>`;
}
setInterval(() => {
const time = document.querySelector(".display #time");
let day_night = "AM";
let TZ = timezone.value;
let date = new Date();
let hours = date.getUTCHours();
console.log(hours);
if (hours > 12) {
hours -= 12;
day_night = "PM";
}
hours += Math.floor(TimeZoneData[TZ]);
let minutes = date.getUTCMinutes();
let minutestoadd = (TimeZoneData[TZ] - Math.floor(TimeZoneData[TZ]));
if (minutestoadd > 0) {
minutestoadd = 30;
}
minutes += minutestoadd;
if (minutes > 60) {
hours += 1;
minutes -= 60;
}
let seconds = date.getUTCSeconds();
let millisec = Math.floor(date.getUTCMilliseconds() / 10).toFixed(0);
if (hours > 12) {
day_night = "AM";
hours = hours - 12;
}
if (seconds < 10) {
seconds = "0" + seconds;
}
if (millisec < 10) {
millisec = "0" + millisec;
}
if (minutes < 10) {
minutes = "0" + minutes;
}
if (hours < 10) {
hours = "0" + Math.abs( hours);
}
time.textContent =
hours + ":" + minutes + ":" + seconds + ":" + millisec + " " + day_night;
});