if(!String.prototype.repeat) String.prototype.repeat = function (e) { var str = '' for(var i = 0; i < e; i++) str += this; return str }; !(function () { var table = '' + ('' + ''.repeat(5) + '').repeat(7) + '

' window.elemRoot = my(table).me window.spaceRoot = my( '' + ' '.repeat(7) + '

' ).me })(window) function createLed (elem, clas) { var clone = my(elemRoot).clone() my(clone).class(clas) //clone Led Pro class 7 my(elem).append(clone) return clone } function createSpace (elem, clas) { var clone = my(spaceRoot).clone() my(elem).append(clone) } var hex = { '0': [ 0,1,1,1,0,1,0,0,0,1,1,0,0,0,1,1,0,0,0,1,1,0,0,0,1,1,0,0,0,1,0,1,1,1,0 ], '1': [ 0,0,1,0,0,0,1,1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,1,1,0 ], '2': [ 0,1,1,1,0,1,0,0,0,1,0,0,0,0,1,0,1,1,1,0,1,0,0,0,0,1,0,0,0,0,1,1,1,1,1 ], '3': [ 0,1,1,1,0,1,0,0,0,1,0,0,0,0,1,0,1,1,1,0,0,0,0,0,1,1,0,0,0,1,0,1,1,1,0 ], '4': [ 0,0,0,1,0,0,0,1,1,0,0,1,0,1,0,1,0,0,1,0,1,1,1,1,1,0,0,0,1,0,0,0,0,1,0 ], '5': [ 1,1,1,1,1,1,0,0,0,0,1,0,0,0,0,1,1,1,1,0,0,0,0,0,1,1,0,0,0,1,0,1,1,1,0 ], '6': [ 0,0,1,1,0,0,1,0,0,0,1,0,0,0,0,1,1,1,1,0,1,0,0,0,1,1,0,0,0,1,0,1,1,1,0 ], '7': [ 1,1,1,1,1,0,0,0,0,1,0,0,0,0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0,0,0 ], '8': [ 0,1,1,1,0,1,0,0,0,1,1,0,0,0,1,0,1,1,1,0,1,0,0,0,1,1,0,0,0,1,0,1,1,1,0 ], '9': [ 0,1,1,1,0,1,0,0,0,1,1,0,0,0,1,0,1,1,1,1,0,0,0,0,1,0,0,0,1,0,0,1,1,0,0 ], ':': [ 0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0 ], '/': [ 0,0,0,0,0, 0,0,0,0,1, 0,0,0,1,0, 0,0,1,0,0, 0,1,0,0,0, 1,0,0,0,0, 0,0,0,0,0 ], '-': [ 0,0,0,0,0, 0,0,0,0,0, 0,0,0,0,0, 0,1,1,1,0, 0,0,0,0,0, 0,0,0,0,0, 0,0,0,0,0 ], '!': [ 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,0,0,0, 0,0,1,0,0 ], '?': [ 0,1,1,1,0, 1,0,0,0,1, 0,0,0,1,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,0,0,0, 0,0,1,0,0 ], '$': [ 0,1,1,1,0, 1,0,1,0,1, 0,1,1,0,0, 0,0,1,1,0, 0,0,1,0,1, 0,0,1,0,1, 0,1,1,1,0 ], A: [ 0,0,1,0,0, 0,1,0,1,0, 1,0,0,0,1, 0,1,1,1,0, 1,0,0,0,1, 1,0,0,0,1, 1,0,0,0,1 ], B: [ 1,1,1,1,0, 1,0,0,0,1, 1,0,0,0,1, 1,1,1,1,0, 1,0,0,0,1, 1,0,0,0,1, 1,1,1,1,0 ], C: [ 0,0,1,1,1, 0,1,0,0,0, 1,0,0,0,0, 1,0,0,0,0, 1,0,0,0,0, 0,1,0,0,0, 0,0,1,1,1 ], D: [ 1,1,1,1,0, 1,0,0,0,1, 1,0,0,0,1, 1,0,0,0,1, 1,0,0,0,1, 1,0,0,0,1, 1,1,1,1,0 ], E: [ 1,1,1,1,0, 1,0,0,0,0, 1,0,0,0,0, 1,1,1,0,0, 1,0,0,0,0, 1,0,0,0,0, 1,1,1,1,1 ], F: [ 1,1,1,1,1, 1,0,0,0,0, 1,0,0,0,0, 1,1,1,1,1, 1,0,0,0,0, 1,0,0,0,0, 1,0,0,0,0 ], G: [ 0,1,1,1,0, 1,0,0,0,1, 1,0,0,0,0, 1,0,1,1,1, 1,0,0,0,1, 1,0,0,0,1, 0,1,1,1,0 ], M: [ 1,0,0,0,1, 1,1,0,1,1, 1,0,1,0,1, 1,0,0,0,1, 1,0,0,0,1, 1,0,0,0,1, 1,0,0,0,1 ], Y: [ 1,0,0,0,1, 0,1,0,1,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0 ], J: [ 0,0,1,1,1, 0,0,0,0,1, 0,0,0,0,1, 0,0,0,0,1, 0,0,0,0,1, 1,0,0,0,1, 0,1,1,1,0, ], S: [ 0,1,1,1,0, 1,0,0,0,1, 1,0,0,0,0, 0,1,1,1,0, 0,0,0,0,1, 1,0,0,0,1, 0,1,1,1,0 ], m: [ 0,0,0,0,0, 0,0,0,0,0, 0,1,0,1,0, 1,0,1,0,1, 1,0,1,0,1, 1,0,1,0,1, 1,0,1,0,1 ], y: [ 0,0,0,0,0, 0,0,0,0,0, 1,0,0,0,1, 0,1,0,1,0, 0,0,1,0,0, 0,0,1,0,0, 0,1,0,0,0, ], N: [ 1,1,0,0,1, 1,1,0,0,1, 1,0,1,0,1, 1,0,1,0,1, 1,0,1,0,1, 1,0,0,1,1, 1,0,0,1,1, ], T: [ 1,1,1,1,1, 1,0,1,0,1, 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0, ], i: [ 0,0,0,0,0, 0,0,0,0,0, 0,0,1,0,0, 0,0,0,0,0, 0,0,1,0,0, 0,0,1,0,0, 0,0,1,0,0, ], H: [ 1,0,0,0,1, 1,0,0,0,1, 1,0,0,0,1, 1,1,1,1,1, 1,0,0,0,1, 1,0,0,0,1, 1,0,0,0,1, ], h: [ 0,0,0,0,0, 0,0,0,0,0, 1,0,0,0,0, 1,0,1,0,0, 1,1,0,1,0, 1,0,0,0,1, 1,0,0,0,1 ], g: [ 0,0,0,0,0, 0,0,0,0,0, 0,1,1,1,0, 1,0,0,0,1, 0,1,1,1,0, 0,0,0,0,1, 0,1,1,1,0 ], '.': [ 0,0,0,0,0, 0,0,0,0,0, 0,0,0,0,0, 0,0,0,0,0, 0,0,0,0,0, 0,0,1,0,0, 0,0,0,0,0, ] } function writeLed (elem, context) { var hexa = hex[context] my(elem).scan('div.dots', function (i, e) { if(hexa[e] == 1) my(i).bg('green'); else my(i).bg('rgba(0, 0, 0, .2)'); }) } my.ready(function () { // Group Hours Led var a = 'div.box.time' createLed(a, 'hours led-1') createSpace(a) createLed(a, 'hours led-2') createSpace(a) writeLed(createLed(a), ':') createSpace(a) createLed(a, 'min led-1') createSpace(a) createLed(a, 'min led-2') createSpace(a) writeLed(createLed(a), ':') createSpace(a) createLed(a, 'sec led-1') createSpace(a) createLed(a, 'sec led-2') var a = 'div.box.date' createLed(a, 'date led-1') createSpace(a) createLed(a, 'date led-2') createSpace(a) writeLed(createLed(a), '/') createSpace(a) createLed(a, 'month led-1') createSpace(a) createLed(a, 'month led-2') createSpace(a) writeLed(createLed(a), '/') createSpace(a) createLed(a, 'year led-1') createSpace(a) createLed(a, 'year led-2') createSpace(a) createLed(a, 'year led-3') createSpace(a) createLed(a, 'year led-4') my.ready(function () { setInterval(function () { var n = new Date() var h = n.getHours(), m = n.getMinutes(), s = n.getSeconds(); function c(e) { return e < 10 ? '0' + e : e + '' } m = c(m), s = c(s), h = c(h); writeLed('.sec.led-1', s[0]) writeLed('.sec.led-2', s[1]) writeLed('.min.led-1', m[0]) writeLed('.min.led-2', m[1]) writeLed('.hours.led-1', h[0]) writeLed('.hours.led-2', h[1]) //date control var n = new Date() var d = n.getDate() + '', m = n.getMonth() + 1 + '', y = n.getFullYear() + ''; function loc(e) { return e.length < 2 ? '0' + e : e } var m = loc(m), d = loc(d); //led control writeLed('.date.led-1', d[0]) writeLed('.date.led-2', d[1]) writeLed('.month.led-1', m[0]) writeLed('.month.led-2', m[1]) writeLed('.year.led-1', y[0]) writeLed('.year.led-2', y[1]) writeLed('.year.led-3', y[2]) writeLed('.year.led-4', y[3]) }, 1e3) }) writeLed(createLed('div.text'), 'm') createSpace('div.text') writeLed(createLed('div.text'), 'y') createSpace('div.text') writeLed(createLed('div.text'), 'J') createSpace('div.text') writeLed(createLed('div.text'), 'S') //author writeLed(createLed('div.author'), 'N') createSpace('div.author') writeLed(createLed('div.author'), '.') createSpace('div.author') writeLed(createLed('div.author'), 'T') })

Digital Clock