Background Clock - JavaScript Made Easy

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial



Background Clock		[View Sample]

The clock with standart electronic veiw are placed to the background of the page.


Insert into <HEAD>
<SCRIPT language=javaScript> <!-- function clockon() { thistime= new Date() var hours=thistime.getHours() var minutes=thistime.getMinutes() var seconds=thistime.getSeconds() if (eval(hours) <10) {hours="0"+hours} if (eval(minutes) < 10) {minutes="0"+minutes} if (seconds < 10) {seconds="0"+seconds} thistime = hours+":"+minutes+":"+seconds bgclocknoshade.innerHTML=thistime var timer=setTimeout("clockon()",200) } // - End of JavaScript - --> </SCRIPT> <STYLE>A { COLOR: #0000ff; TEXT-DECORATION: none } </STYLE>

Insert into <BODY>
<DIV id=bgclockshade style="FONT-SIZE: 120px; LEFT: 12px; VISIBILITY: visible; COLOR: #ff8888; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 152px"></DIV> <DIV id=bgclockshade style="FONT-SIZE: 120px; LEFT: 12px; VISIBILITY: visible; COLOR: #ff8888; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 152px"></DIV> <DIV id=bgclocknoshade style="FONT-SIZE: 120px; LEFT: 10px; VISIBILITY: visible; COLOR: #dddddd; FONT-FAMILY: Verdana; POSITION: absolute; TOP: 150px"></DIV> <DIV id=mainbody style="VISIBILITY: visible; POSITION: absolute"> <h3><nobr>Background Clock</nobr></h3></DIV>

Other Options
<body onload=clockon()>