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.

At 12:01 PM the clock always shows 12:01 AM. Once it reaches 1:00 PM it goes back to the correct time.

Take a look. Maybe a bug in the code. At 12:01 PM it should read 12:01 PM not AM.

[COBRAws]

Can be this hack converted into a plugin?

Thanks

[hotwheels]

Not really needed COBRAws.........It's just a template mod, instead of a .php or query's..

[LordDB]

Originally Posted by Aclikyano

<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","Thursday","Friday","Saturday");
var months=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h<10) {h="0" + h}
if (h>12) {h-=12;am_pm = "P.M."}
else {am_pm = "A.M."}
document.getElementById("clock").innerHTML=days[day] + " | " + months[month] + "    " + date  + ", " + year + " | " + h + ":" + m + ":" + s + " " + am_pm;
setTimeout("refrClock()",1000);
}
refrClock();
</script>

I rewrote this clock code from another coder...........
This is the more neater version

TRY IT FOR YA SELF.

Cheers, Aclikyano, for sharing this great revised code...this is what it looks like:

Thursday | October 12, 2006 | 6:33:51 P.M.

Thanks also to, Superfly, for sharing, too!

Br.

[G_Man]

Took Hotwheels code and tweaked it to fit my site a bit better...

Thanks for the great idea and thanks to hotwheels for his input.

*clicks install*

[sunnycher]

Love it!

[gamerzindo]

installed thanks

[hepatit-b]

thanks

[johnrizz]

Pretty cool... ;:=- Thanks

[Kadi]

Hi,

This is great mod. I'd like to add it but I need to translate the days and am/pm. I tried using $vbphrase['varname'] but that messed things up.

What do I do?

Thanks