Блондинка,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<style>
#clock { overflow: hidden; }
#clock .date { clear: left; text-align: center; width: 100px; }
#clock .date .data .digit {
border: 1px solid #0000FF;
float: left;
width: 26px;
font-size: 200%;
text-align: center;
margin: 0 1.5px;
}
#clock .date .digit {
border: 1px inset #00FF00;
margin: 0 1px;
}
</style>
<span id="clock"></span>
<script>
function clock() {
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var year = date.getFullYear();
var weekday = date.getDay();
var time = new Date(year, month, day + 1, 0, 0, 0, 0) - date;
setTimeout(clock, time);
var months = ["января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"];
var dayNames = ["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"];
function numberWrapInSpan(num) {
num = String(num);
if(num.length === 1) num = "0" + num;
for (var i = 0, html = ""; i < num.length; i++) html += "<span class=\"digit\">" + num.charAt(i) + "</span>";
return html;
}
day = numberWrapInSpan(day), year = numberWrapInSpan(year);
document.getElementById("clock").innerHTML = "<div class='date'>"+dayNames[weekday]+"<div class ='data'>"+(day<10?"0":"")+day+"</div>"+months[month]+"<br>"+year+"<span class = 'digit'>г.</span></div>"; }
clock();
</script>
</body>
</html>
