<!doctype html>
<html><head>
<title>Simple Clock</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
*{
padding:0;
margin:0}
body{
width:170px;
height:44px;
font:38px/44px Consolas;
text-align:right;
color:#aaa;
text-shadow:0px 0px 1px #777;
background:#000}
</style>
</head><body id="body">
<script type="text/javascript">
function getTime()
{
var tT = new Date();
var sS = tT.getSeconds();
sS = sS == 0 ? '00' : sS < 10 ? '0' + sS : sS;
var mM = tT.getMinutes();
mM = mM == 0 ? '00' : mM < 10 ? '0' + mM : mM;
var hH = tT.getHours();
var tC = hH + ':' + mM + ':' + sS;
document.getElementById('body').innerHTML = tC;
}
getTime();
setInterval('getTime()', 1000);
</script>
</body></html>