Clock

Clock. Shows time, date, and weekday.

Click here for week number.

 

License

What? Free!

Source code

HTML source
            <div id="clock">
               <p id="thetime"></p>
               <p id="thedate"></p>
               <p id="theday"></p>
            </div>
         
JS source
            <script type="text/javascript">
            //<![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>
         
CSS source
            <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>