Today is . Page created 07/03/06

clock Borderless Clock digital Clock

This clock is a simple input box that is updated every 10th of a second to show the current time. Using short and simple CSS, the borders have been removed and the I-beam does not appear on mouseover. In addition, the input is "readonly" so nobody can change what it says, if even for a 10th of a second.

We have tested the code in IE6.0, Firefox1.5.0.3, Opera8.54, Netscape8.1 and AOL Explorer1.2. This script worked well in all platforms with no variations observed.

D epending on your knowledge of HTML and java scripts, this is an easy, three (3) part copy and paste code with "No" reconfigurations.

  1. Copy/Cut & Paste the coding into the <HEAD> section of your HTML document.
  2. Add the onLoad event handler directly into the <BODY> tag.
  3. Copy/Cut & paste the coding anywhere into the <BODY> section of your HTML document you want the effect to appear.

I f you need a little refresher on howto add the onload event handler directly into the <BODY> tag, see the below examples:

Default <BODY> Tag ~ No onload event handler

<body bgcolor="#000000" text="#ba55dc" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc">

Reconfigured <BODY> Tag ~ onload Event Handler Inserted

<body onload="time();" bgcolor="#000000" text="#ba55dc" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc">

For Your Information For your Information:     If you notice in the borderless clock (top of page) we have it surrounded with a <table> </table>. Reason being is quite simple. The clock itself sits on a white background with black text that can not be altered or reconfigured for cosmetics to blend more with your site. Being that our pages are black, we just added it for cosmetic reasons. Below is the default without the table. It "Does Not Work" because you cannot have but one of these effects per page.

W e hope our tutorial was easy to follow and we covered everything in detail. If you would like to add this effect into your pages, grab the respective below link and you are there. If you have any problems with this or anything else, feel free to consult our [ FAQ ] and if you can't find the answer there, [ contact us ].
[ Get Code Here ]   [ Rate This Page ]