table.clock { text-align: center; border: thin dotted blue; padding: 5px; margin: auto; } td, input.clock2 { text-align: center; border: none; font: bold .9em verdana, helvetica, arial, sans-serif; padding-bottom: .5em; } .clock3 { text-align: center; font: .7em verdana, arial, helvetica, ms sans serif; } /* This script and many more are available free online at The JavaScript Source :: http://javascript.internet.com Created by: Sandeep Gangadharan :: http://www.sivamdesign.com/scripts/ */ function formatTime() { now = new Date(); hour = now.getHours(); min = now.getMinutes(); sec = now.getSeconds(); if (document.clock.sivamtime[0].checked) { if (min <= 9) { min = "0" + min; } if (sec 12) { hour = hour - 12; add = " p.m."; } else { hour = hour; add = " a.m."; } if (hour == 12) { add = " p.m."; } if (hour == 00) { hour = "12"; } document.clock.sivam.value = ((hour<=9) ? "0" + hour : hour) + ":" + min + ":" + sec + add; } if (document.clock.sivamtime[1].checked) { if (min <= 9) { min = "0" + min; } if (sec <= 9) { sec = "0" + sec; } if (hour < 10) { hour = "0" + hour; } document.clock.sivam.value = hour + ':' + min + ':' + sec; } setTimeout("formatTime()", 1000); } window.onload=formatTime;

Local Time

12 Hour Format 24 Hour Format