Untitled

<!DOCTYPE html>
<html>
	<head>
		<title>Clock Widget 3</title>
		<script>
var hour = 0;
var min = 0;
var sec = 0;
var year = 0;
var month = 0
var dayte = 0;
var day = 0;

var days = ['Sun','Mon','Tue','Wed','Thr','Fri','Sat'];
var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];

function checkSize() {
	var html = document.documentElement;
	var divT = document.getElementById("theTime");
	var divD = document.getElementById("theDate");

	// Assign font-size first to set div sizes.
	divT.style.fontSize = Math.floor(html.clientHeight / 2.5) + "px";
	divD.style.fontSize = Math.floor(html.clientHeight / 5) + "px";

	// Calculate horizontal spacing.
	var divTX = Math.floor((html.clientWidth - divT.offsetWidth) / 2);
	var divDX = Math.floor((html.clientWidth - divD.offsetWidth) / 2);

	// Calculate vertical spacing.
	var divTY = Math.floor((html.clientHeight - (divT.offsetHeight+divD.offsetHeight)) / 2);
	var divDY = divTY + divT.offsetHeight;

	// Assign positions to the two div elements.
	divT.style.top = divTY + "px";
	divT.style.left = divTX + "px";
	divD.style.top = divDY + "px";
	divD.style.left = divDX + "px";
}

function setupPage() {
	timerMinuteTick();
	checkSize();
	setInterval(timerSecondTick, 1000);
}

function timerSecondTick() {
	sec = sec + 1;

	if (sec == 60) {
		timerMinuteTick();
	} else {
		updateClock();
	}
}

function timerMinuteTick() {
	var d = new Date();
	hour = d.getHours();
	min = d.getMinutes();
	sec = d.getSeconds();
	year = d.getFullYear();
	month = d.getMonth();
	dayte = d.getDate();
	day = d.getDay();
	updateClock();
}

function updateClock() {
	var time = formatSegment(hour)+":"+formatSegment(min)+":"+formatSegment(sec);
	var date = days[day]+", "+months[month]+" "+dayte+", "+year;

	var spanT = document.getElementById("theTime");
	var spanD = document.getElementById("theDate");

	spanT.innerHTML = time;
	spanD.innerHTML = date;
}

function formatSegment(nmbr) {
	if (nmbr < 10) {
		return "0"+nmbr;
	} else {
		return ""+nmbr;
	}
}
		</script>
		<style>
body { margin: 0px; background-color: #000000; color: #ffffff; }
div { magin: auto; text-align: center; position: absolute; }
		</style>
	</head>
	<body onresize="checkSize()" onload="setupPage()">
		<div id="theTime"></div>
		<div id="theDate"></div>
	</body>
</html>