Clock and Date in Navbar

In Navbar template

Find

<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>

add after

<!-- clock hack-->
<div id="clock">Loading...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Sun","Mon","Tue","Wed","Thurs","Fri","Sat");
var months=new Array("1","2","3","4","5","6","7","8","9","10","11","12");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;am_pm = "pm"}
else {am_pm="am"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML=months[month] + "-" + date + "-" + year + " [" + days[day] + "] [" + h + ":" + m + ":" + s + "] " + am_pm;
setTimeout("refrClock()",1000);
}
refrClock();
</script>
<!-- / clock hack -->

Please click install if you use this.

[Rated]

To make it look like this:

Friday July 13, 2007 10:47:23 PM

Use this code:

<!-- clock hack-->
<div id="clock">Loading...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Sunday","Monday","Tuesday","Wednesday","Thu rsday","Friday","Saturday");
var months=new Array("January","February","March","April","May"," June","July","August","Septemb er","October","November","December");
var AM_PM;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;AM_PM = "PM"}
else {AM_PM="AM"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML=days[day] + " " + months[month] + " " + date + "," + " " + year + " " + h + ":" + m + ":" + s + " " + AM_PM;
setTimeout("refrClock()",1000);
}
refrClock();
</script>
<!-- / clock hack -->

[dismas]

Installed!

Nice little addition.

For those asking, "Why?", I think it would come in handy if someone is burdened with running Windows and IE when the IE window is maximized and system tray clock can't be seen. No need to make the bar visible just to see the time if it's already in the forum. Plus, if you're looking at the calendar, maybe you need a reminder of the date and time.

[WarLion]

this is the one fro spanish ( mexico )

<!-- clock hack-->
<div id="clock">Loading...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Domingo","Lunes","Martes","Miercoles","Juev es","Viernes","Sabado");
var months=new Array("Ene","Feb","Mar","Abr","May","Jun","Jul","A go","Sep","Oct","Nov","Dic");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;am_pm = "pm"}
else {am_pm="am"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML=days[day] + " " + date + "/" + months[month] + "/" + year + " " + h + ":" + m + ":" + s + " " + am_pm;
setTimeout("refrClock()",1000);
}
refrClock();
</script>
<!-- / clock hack -->

i love this mod thanks installed

[mlucek]

Sweet and simple !! GREAT !!

Tweaked the look to suit my own tastes :

Tues 8-21-2007 [ 4:45:02 PM]

moved the day to the front, got rid of the leading zero on the hours and capitalized the PM/AM

*** clicks INSTALL ***

[afullcup]

Is there any way to make this come from the server time? We run auctions on our site and it would be nice if everyone was looking at the same time for auction end. Thanks!

[yeku]

Originally Posted by hotwheels

and, if you would like to change the color of your font's to stand out more then the other color's in your welcome box, use this code and just change the #0000FF to what ever color you would like.

<!-- clock hack -->
<font color="#0000FF">
<div id="clock">Loading...</div>
<script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Sun","Mon","Tue","Wed","Thurs","Fri","Sat") ;
var months=new Array("1","2","3","4","5","6","7","8","9","10","11 ","12");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;am_pm = "pm"}
else {am_pm="am"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML=months[month] + "-" + date + "-" + year + " " + days[day] + " " + h + ":" + m + ":" + s + " " + am_pm;
setTimeout("refrClock()",1000);
}
refrClock();
</script></font>
<!-- / clock hack -->

With mozilla the change of color does not work...

some solution or advice?

byee

[cafenetland]

gr8 idea

thx

[Rideharder]

Me liky

www.speedaholic.net

added!

[moschino]

Nice and great on 3.6.8 PL2 tks Installed

[OG-G]

hi nice mod..., however is it possible to show an analogue display... a flash or something.. make it look more intresting.. cheers all