Live date and day script that displays the date plus time, updated every second. Tested in IE5.5, IE6.0, Netscape7.02,Opera7.54 and Firefox0.9.1

A live date and day script that displays the date plus time, updated every second. NS 4.x and NS 3.x will simply see a "static" date.

We have tested the code in IE6.0, Firefox1.5.0.2, 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, two part copy and paste code with minimal if any reconfigurations. The first part goes in the <BODY> section of your document where you want this effect to appear. The last part ( onload event handler ) gets pasted directly into the <BODY> tag of the document. If you do not know howto do this, see the below example.

</head>
<body onLoad="goforit()" bgcolor="#000000" text="#ba55dc" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc">
<basefont size="3">

T he only reconfiguration(s) you can make (optional) is that of font size and color of the effect. The first example is the default and the second example is how we reconfigured it. See the below example of where and howto.

Default

//change font size here
var cdate=""+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn +""

N otice in the above example the color coded tags. Lets first define them to see what they do.

and These denote that the font size of the effect will be smaller than normal.
 and These denote that the font will be BOLD

* The tags and the tags can be removed if you do not want them.

Reconfigurations

//change font size here
var cdate="Size='3'"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn +""

* Notice we removed the tags, added two more font styles to have 3 (Georgia,Arial,Helvetica) and also defined the font size Size='3'. Also notice as we added a specified font size, we made use of the single apostrophe ' to enclose the number. Do Not make the mistake of using the " to enclose the font size. If you do, you will get a page error and the effect will not work. On a final note, the default font color was "000000" which denotes the color black. We had to change the font color for obvious reasons.

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 ]

Search Our Site By Individual letter

[ A ] [ B ] [ C ] [ D ] [ E ] [ F ] [ G ] [ H ] [ I ] [ J-K ] [ L ]
[ M ] [ N-O ] [ P-Q ] [ R ] [ S ] [ T ] [ U-V ] [ W ] [ X-Y-Z ]

Little Tips Directory

[ Page 1 ] [ Page 2 ] [ Page 3 ] [ Page 4 ] [ Page 5 ] [ Page 6 ] [ Page 7 ]

[ Index Page 1 ] [ Index Page 2 ] [ Index Page 3 ] [ Index Page 4 ] [ Index Page 5 ]
[ Index Page 6 ] [ Index Page 7 ] [ Index Page 8 ] [ Index Page 9 ] [ Index Page 10 ]
[ Index Page 11 ] [ Index Page 12 ] [ Index Page 13 ]

[ News Letter Archives ] [ Navigation Page ] [ Archives Of Published Material ]
[ Link To Us ] [ Alphabet Index ] [ Feedback ] [ On Line Support ] [ FAQ ]
[ Webmaster Utilities ] [ Casino ] [ Banner Exchange ] [ Advanced Site Search ]

If you are part of the ever growing number of webmasters who enjoy sharing your knowledge with others on web design, join The Consigliere Ltd. web ring to broaden your scope of exposure.
Join Today

This Site Was Built And Is Maintained Exclusively by
The Webmaster @ Consigliere Ltd.

Live Day And Date