-
Notifications
You must be signed in to change notification settings - Fork 0
/
Text Retro clock.txt
53 lines (33 loc) · 1.07 KB
/
Text Retro clock.txt
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
========== CLOCK ==========
.clock__day-week
Saturday
.clock__month
May
.clock__day
28,
.clock__year
2023
.clock__text-hour
12:
.clock__text-minutes
25
.clock__text-ampm
PM
========== CLOCK JS ==========
// We get the Date object
// We get the hours and minutes
// (current time) / 12(hours) * 360(deg circle)
// (Current minute) / 60(minutes) * 360(deg circle)
// We add a rotation to the elements
// (Updates every 1s) 1000 = 1s
// We get the Date object
// We get the time and date
// We get the days of the week and the months. (First day of the week Sunday)
['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
// We add the corresponding dates
// If hours is greater than 12 (afternoon), we subtract -12, so that it starts at 1 (afternoon)
// When it is 0 hours (early morning), we tell it to change to 12 hours
// If hours is less than 10, add a 0 (01,02,03...09)
// If minutes is less than 10, add a 0 (01,02,03...09)
// (Updates every 1s) 1000 = 1s