Left Corner Live Clock Script - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

TrafficChecker.net

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Left Corner Live Clock Script

A live text clock that displays itself in the r left corner of the screen. All browsers other than IE 4.x and NS 4.x will simply see nothing.


Insert into <HEAD>


Insert into <BODY>
<body onLoad="show5()"> <span id="liveclock" style="position:absolute;left:0;top:0;"></span> <script language="JavaScript"> <!-- function show5(){ if (!document.layers&&!document.all) return var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="AM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here to your desire myclock="<font size='5' face='Arial' ><b><font size='1'>Current Time:</font></br>"+hours+":"+minutes+":" +seconds+" "+dn+"</b></font>" if (document.layers){ document.layers.liveclock.document.write(myclock) document.layers.liveclock.document.close() } else if (document.all) liveclock.innerHTML=myclock setTimeout("show5()",1000) } //--> </script>

Other Options
Step 2: Add the below event handler into the <body> tag itself, like this: <body onLoad="show5()"> Configuring the time: You can change the font type, size, and color of the time. To do so, go to the line "//change font size here to your desire". Right below it contains the simple HTML tags that can be changed to change the font.