Here is a script that will update the clock automatically without refreshing the page.
Go to your index template:
Put this directly under <body>:
code:
<script language="javascript" src="http://www.zip.com.au/~astroboy/liveclock/liveclock.js"></script>
Now find:
code:
<td width="50%" align="right" valign="bottom"><span class="SmallText">Current time is {curtime}<br>You last visited {lastvisit}<br>
Replace that with:
code:
<td width="50%" align="right" valign="bottom"><span class="SmallText"><font color=#FFFFFF>Current time is <script language="javascript" src="http://www.zip.com.au/~astroboy/liveclock/liveclock.js"></script>
<script language="javascript"><!--
new LiveClock('verdana','1','#ffffff','#EB8736','</b>','</b>','200','0','1','0','0','null');
//--></script>
Consider this to update the look!
code:
<script language="javascript"><!--
new LiveClock('font','size','color','background','start','end','width','12hour','update','abbrev','showdate','gmt');
//--></script>
Font Font face for the clock
Size Font size of the clock
Color Font color of the clock
Background Background color of the clock
Start Opening tag/text for the clock
End Closing tag/text for the clock
Width Pixel width of the clock
12Hour Display in 12 or 24 hour format (1 = 12, 0 = 24)
Update How often the clock is updated (0 = never, 1 = every second, 2 = every minute)
Abbrev Toggles abbreviation of day and month names (1 = Abbreviate, 0 = Don't Abbreviate)
Showdate Format to display date in (0 = no date, 1 = dd/mm/yy, 2 = mm/dd/yy, 3 = DDDD MMMM, 4 = DDDD MMMM YYYY)
GMT GMT offset for the clock (null: users clock settings)
Does not account for daylight savings
(Edited by seb_thib_55)