forked from jhogue/PE-Analog-Clock-icon-font
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathanalogclock-oldie.js
110 lines (109 loc) · 3.26 KB
/
analogclock-oldie.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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/*
* Use this script if you need to support IE 7 and IE 6.
*
* Version 1, August 28 2012
*
* Credit goes to Keyamoon/IcoMoon for the pattern and solution presented here.
* http://icomoon.io/
*/
window.onload = function() {
function addIcon(el, entity) {
var html = el.innerHTML;
el.innerHTML = '<span style="font-family: \'pe-analogclock\'">' + entity + '</span>' + html;
}
var icons = {
'.minute-00' : '!',
'.minute-0' : '!',
'.minute-01' : '!',
'.minute-59' : '!',
'.minute-60' : '!',
'.minute-03' : '"',
'.minute-02' : '"',
'.minute-04' : '"',
'.minute-06' : '#',
'.minute-05' : '#',
'.minute-07' : '#',
'.minute-09' : '$',
'.minute-08' : '$',
'.minute-10' : '$',
'.minute-12' : '%',
'.minute-11' : '%',
'.minute-13' : '%',
'.minute-15' : '&',
'.minute-14' : '&',
'.minute-16' : '&',
'.minute-18' : ''',
'.minute-17' : ''',
'.minute-19' : ''',
'.minute-21' : '(',
'.minute-20' : '(',
'.minute-22' : '(',
'.minute-24' : ')',
'.minute-23' : ')',
'.minute-25' : ')',
'.minute-27' : '*',
'.minute-26' : '*',
'.minute-28' : '*',
'.minute-30' : '+',
'.minute-29' : '+',
'.minute-31' : '+',
'.minute-33' : ',',
'.minute-32' : ',',
'.minute-34' : ',',
'.minute-36' : '-',
'.minute-35' : '-',
'.minute-37' : '-',
'.minute-39' : '.',
'.minute-38' : '.',
'.minute-40' : '.',
'.minute-42' : '/',
'.minute-41' : '/',
'.minute-43' : '/',
'.minute-45' : '0',
'.minute-44' : '0',
'.minute-46' : '0',
'.minute-48' : '1',
'.minute-47' : '1',
'.minute-49' : '1',
'.minute-51' : '2',
'.minute-50' : '2',
'.minute-52' : '2',
'.minute-54' : '3',
'.minute-53' : '3',
'.minute-55' : '3',
'.minute-57' : '4',
'.minute-56' : '4',
'.minute-58' : '4',
'hour-12' : '%',
'hour-01' : '&',
'hour-02' : ''',
'hour-03' : '(',
'hour-04' : ')',
'hour-05' : '*',
'hour-06' : '+',
'hour-07' : ',',
'hour-08' : '-',
'hour-09' : '.',
'hour-10' : '/',
'hour-11' : '0'
},
els = document.getElementsByTagName('*'),
i, attr, html, h, m, el;
for (i = 0; i < els.length; i += 1) {
el = els[i];
attr = el.getAttribute('data-icon');
if (attr) {
addIcon(el, attr);
}
h = el.className;
h = h.match(/hour-[^\s'"]+/);
if (h) {
addIcon(el, icons[h[0]]);
}
m = el.className;
m = m.match(/minute-[^\s'"]+/);
if (m) {
addIcon(el, icons[m[0]]);
}
}
};