Javascript Clock h:mm TT format

jason_kelly · 05-24-2012, 10:00 PM

Hello,

I need your help,

How could the simple code below for a javascript be modified such that the clock will display in the format h:mm TT (ie. 4:52 PM) as opposed to its current setting right now of: hh:mm:ss?

Code:

<html>
<head>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',500);
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>

Any help with this is greatly and much appreciated.

Cheers,

Jay

Old Pedant · 05-25-2012, 01:54 AM

Code:

function startTime()
{
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    if ( m < 10 ) m = "0" + m;
    var ampm = ( h >= 12 ) ? " PM" : " AM";
    if ( h > 12 ) h -= 12;
    if ( h == 0 ) h = 12;

    document.getElementById('txt').innerHTML = h + ":" + m + ampm;
    t=setTimeout(startTime,500);
}