Здравствуйте.
JS не владею, но жизнь принуждает к добровольным действиям, итак, есть скрипт выводящий на сайте время и дату. Очень хочется присвоить времени и дате отдельные классы, что бы стилизовать в css. Не подскажите как это сделать? Вот сам скрипт:
(function (global) {
"use strict";
function Clock(el) {
var document = global.document;
this.el = document.getElementById(el);
this.months = ['Янв', 'Фев', 'Марта', 'Апр', 'Мая', 'Июня', 'Июля', 'Августа', 'Сент', 'Окт', 'Нояб', 'Дек'];
this.days = ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'];
}
Clock.prototype.addZero = function (i) {
if (i < 10) {
i = "0" + i;
return i;
}
return i;
};
Clock.prototype.updateClock = function () {
var now, year, month, dayNo, day, hour, minute, second, result, self;
now = new global.Date();
year = now.getFullYear();
month = now.getMonth();
dayNo = now.getDay();
day = now.getDate();
hour = this.addZero(now.getHours());
minute = this.addZero(now.getMinutes());
second = this.addZero(now.getSeconds());
result = this.days[dayNo] + ". " + day + " " + this.months[month] + ". " + year + " - " + hour + ":" + minute;
self = this;
self.el.innerHTML = result;
global.setTimeout(function () {
self.updateClock();
}, 1000);
};
global.Clock = Clock;
}(window));
function addEvent(elm, evType, fn, useCapture) {
"use strict";
if (elm.addEventListener) {
elm.addEventListener(evType, fn, useCapture);
} else if (elm.attachEvent) {
elm.attachEvent('on' + evType, fn);
} else {
elm['on' + evType] = fn;
}
}
addEvent(window, "load", function () {
if (document.getElementById("clock")) {
var clock = new Clock("clock");
clock.updateClock();
}
});
