Clock v1
4 years ago in HTML
Raw Download 
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    <script src="https://nguyenthanh1995.github.io/my.js"></script>
    <link href='https://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
    <link href="https://nguyenthanh1995.github.io/lib/bootstrap.min.css" rel='stylesheet' type='text/css'>
    <meta name=viewport content='width=device-width, initial-scale=1.0'/>
<script src="https://nguyenthanh1995.github.io/mycv.js"></script>
<style>
    * {
    margin: 0;
    padding: 0;
}
body {
    background: #000;
    font-family: Orbitron;
}
canvas {
    width: 100%;
}
.d-inline > * {
    font-size: .8rem;
    letter-spacing: 0px;
    color: #00ff0055;
    width: 100%;
    display: inline-block;
}
.d-inline > .my-active {
    color: #00ff00 !important;
}
.d-inline {
    margin: 0;
    padding: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
</style>
<script>
    function setup () {
    ch = (100 + 2) * 2
    fn()
function fn () {
    my('.clock').html(getTime())
    my('.date').html(getDate())
    my('ul > li')
        .eq(new Date().getDay() - 1)
        .addClass('my-active')
    timeout(1000)
}
function toFixed (e) {
    return e < 10 ? '0' + e : e
}
function toHours (e) {
    return e > 12 ? e - 12 : e
}
function getTime () {
    var n = new Date()
    var hour = toFixed(toHours(n.getHours()))
    var min = toFixed(n.getMinutes())
    var sec = toFixed(n.getSeconds())
    return [hour, min, sec].join(':')
}
function getDate () {
var month = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
    var n = new Date()
    return n.getDate() + ' ' + month[n.getMonth()] + ', ' + n.getFullYear()
}
}
function honkai () {
clear()
var n = new Date;
var h = n.getHours()
h = h > 12 ? h - 12 : h
var min = n.getMinutes()
var s = n.getTime() / 1000
GREY = 'rgb(177, 177, 177)'
GREEN = 'rgb(0, 255, 0)'
    for (var i = 0; i < 12; i++) {
        begin()
            lineWidth(3)
            var m = map(i, 0, 12, 0, pi * 2)
            line(
                center.x + 30 * sin(m),
                center.y - 30 * cos(m),
                center.x + 40 * sin(m),
                center.y - 40 * cos(m)
            )
            stroke(h === (i || 12) ? GREEN : GREY)
        close()
    }
    for (var i = 0; i < 60; i++) {
        begin()
            lineWidth(2)
            var m = map(i, 0, 60, 0, pi * 2)
            line(
                center.x + 60 * sin(m),
                center.y - 60 * cos(m),
                center.x + 70 * sin(m),
                center.y - 70 * cos(m)
            )
            stroke(i > min ? GREY : GREEN)
        close()
    }
    begin()
        lineCap('round')
        arc(
            center.x, center.y,
            100,
            0,
            map(s % 60, 0, 60, 0, 360)
        )
        stroke(GREEN)
    close()
    loop()
}
</script>
    </head>
    <body>
        <div class='container text-center'>
            <div class=row>
                <div class=col>
                    <span class='h3 date' style=color:#00ff00>04/12/2019</span>
                </div>
            </div>
            <div class='row mt-5'>
                <div class=col>
                    <canvas data-type=my.context2d></canvas>
                </div>
            </div>
            <div class='row mt-3'>
                <div class=col>
                    <span style=color:#00ff00 class='h5 clock'>
                        04:00:00
                    </span>
                </div>
            </div>
            <div class='row mt-3'>
                <div class=col>
                    <ul class='d-inline day'>
                        <li>MON</li>
                        <li>TUE</li>
                        <li>WED</li>
                        <li>THU</li>
                        <li>FRI</li>
                        <li>SAT</li>
                        <li>SUN</li>
                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>


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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
Recent Public Pastes
6 videos of old men fucking young girls BEST COLLECTION - 16 hours ago Amazing Collections - 3 days ago [v1.2.1.0] Farming Simulator 25 Trainer (2025) (Plus +8) - 5 days ago TradingView - 6 days ago Untitled - 1 week ago They Like Nature - 1 week ago Untitled - 1 week ago Untitled - 1 week ago VIDEOS NO SHORTLINK AT ALL FREEEEEEEEEEEEE - 2 weeks ago Sanyuuu - 2 weeks ago