clsc.net
Clock. Shows time, date, and weekday. On mouseover it shows page fetching time. Also shows time in page title/tab.
Click here for week number.
What? Free!
<div id="clock"> <p id="thetime"></p> <p id="thedate"></p> <p id="theday"></p> </div>
<script type="text/javascript"> /* clock script. Source: http://clsc.net/ */ //<![CDATA[ function ticToc(state) { var Now = new Date(); var Hr = Now.getHours(); var Mn = Now.getMinutes(); var Sc = Now.getSeconds(); var Dd = Now.getDate(); var Mm = Now.getMonth()+1; var Yy = Now.getFullYear(); var weekday=new Array(7); weekday[0]="Sunday"; weekday[1]="Monday"; weekday[2]="Tuesday"; weekday[3]="Wednesday"; weekday[4]="Thursday"; weekday[5]="Friday"; weekday[6]="Saturday"; var dow=new Array(7); dow[0]="VII"; dow[1]="I"; dow[2]="II"; dow[3]="III"; dow[4]="IV"; dow[5]="V"; dow[6]="VI"; var DayNow = weekday[Now.getDay()]; var DOW = dow[Now.getDay()]; var DateNow = ((Dd < 10) ? "0" + Dd : Dd); DateNow += "/"+((Mm < 10) ? "0" + Mm : Mm); DateNow += "/"+Yy; var DateNow = Yy+"/"; DateNow += ((Mm < 10) ? "0" + Mm : Mm)+"/"; DateNow += ((Dd < 10) ? "0" + Dd : Dd); var TimeNow = ((Hr < 10) ? "0" + Hr : Hr); TimeNow += ":"+((Mn < 10) ? "0" + Mn : Mn); var TimeNowSec = ((Hr < 10) ? "0" + Hr : Hr); TimeNowSec += ":"+((Mn < 10) ? "0" + Mn : Mn); TimeNowSec += ":"+((Sc < 10) ? "0" + Sc : Sc); document.getElementById("thetime").innerHTML = TimeNowSec; document.getElementById("thedate").innerHTML = DateNow; document.getElementById("theday").innerHTML = DayNow+" ("+DOW+")"; document.getElementById("clock").onmouseover = showFetchedTime; if (state == 1){ fetchedDate = DateNow; fetchedTime = TimeNow; } document.title = TimeNow;// + " " + DateNow + " " + DayNow ; ticTocTimer = setTimeout('ticToc(2)', 1000); } function showFetchedTime(){ var timer_date = document.getElementById("thedate"); var timer_time = document.getElementById("thetime"); var timer_day = document.getElementById("theday"); clearTimeout(ticTocTimer); timer_date.innerHTML = ""; timer_day.innerHTML = "Fetched " + fetchedTime; ticTocTimer = setTimeout('ticToc(2)', 2000); } //]]> </script>
<style type="text/css"> #clock { margin : 50px 0px 0px 62px; padding : none; width : 475px; color:inherit; background:inherit; border : 1px solid rgb(180,180,180); font-family:courier,courier new,monospaced,mono; line-height:1em; text-align:center; } #clock p { margin : 0px; padding : 0px; padding-top: 4px !important; border : 0px; width : 475px; line-height: 1em; } #thetime{ height : 75px; font-size: 5em; } #thedate{ height : 40px; font-size: 2.4em; } #theday{ height : 50px; font-size: 3em; } </style>