Clock in Title Bar Gives you the date and time. Tested in IE6.0, Netscape8.1, Opera8.54, Firefox1.5.0.2 and AOL Explorer1.2

T his little Java script runs a clock in the Title Bar of your browser window. Look at the top of your screen to see this effect in action.

T his effect works off the date and time feature within your computer. This means whatever date and time is on your computer will read in the title bar.

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 one variation observed in Netscape8.1.

Variation being not with the script but the new style of browser Netscape8.1 has. The title bar is only half the width of the window causing the effect not to be seen well if you have any message at all. Grab the below link to see a screen capture of what we are explaining.
[ Screen Capture Of Netscape Variation ]

D epending on your knowledge of HTML and java scripts, this is an easy two part script with mimimal if any reconfigurations.

1) Copy the coding into the <HEAD> section of your HTML document
2) Add the onLoad event handler into the <BODY> tag

I f you don't know how to add the onLoad event handler into the <BODY> tag, see the below example.

</head>
<body onLoad="clock()" bgcolor="#000000" text="#ba55dc" link="#fff8dc" alink="#fff8dc" vlink="#fff8dc">

T he only other reconfiguration you can make is to alter the title bar message within the script. This reconfiguration is made within the <HEAD> section of the script. First we will show you the default and then the reconfiguration.

Default Part Of Code

document.title = "JSS - " + monthname + " " + day + ", " + year + " - " + hour + ":" + minute + ":" + second

Reconfigured Part Of Code

document.title = "Ò¿Ó Consigliere™ Says The Date & Time Is - " + monthname + " " + day + ", " + year + " - " + hour + ":" + minute + ":" + second

Y ou can add any "Short" message in the above area. Reason for the message being Short is it it is too long, the date and time will not be visible. Remember, be considerate of your guests, not everyone has a 21 inch monitor.

W e hope our tutorial was easy to follow and we covered everything in detail. Since the original script site no longer archives this script, we are now archiving it for your convenience. 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.

Title Bar Clock