<div id="wrapper-date-clock">
<span id="time-of-clock"></span>
<span id="date-of-clock" style="text-transform: lowercase;"></span>
</div>
<script>
window.onload = function(){
clock();
window.setInterval(clock, 60000);
}
function clock(){
var now = new Date();
var clock = document.getElementById('time-of-clock');
var dat = document.getElementById('date-of-clock');
var strMin = now.getMinutes();
if (strMin < 10) { strMin = '0' + strMin;}
var strTime = now.getHours() + ' : ' + strMin;
var dayOfWeek = ['НЕДIЛЯ', 'ПОНЕДIЛОК', 'ВIВТОРОК', 'СЕРЕДА', 'ЧЕТВЕР', 'П\'ЯТНИЦЯ', 'СУБОТА'];
var monthOfDate = ['СІЧНЯ', 'ЛЮТОГО', 'БЕРЕЗНЯ', 'КВІТНЯ', 'ТРАВНЯ', 'ЧЕРВНЯ', 'ЛИПНЯ', 'СЕРПНЯ', 'ВЕРЕСНЯ', 'ЖОВТНЯ', 'ЛИСТОПАДА', 'ГРУДНЯ'];
var datOfdate = dayOfWeek[now.getDay()] + ', ' + now.getDate() + ' ' + monthOfDate[now.getMonth()];
clock.innerHTML = strTime;
dat.innerHTML = datOfdate;
}
</script>
