You can use following JavaScript code snippet to display current date and time in digital clock style. You just copy the below code and paste in your web page where you want to display digital clock:
<span id="clock" style="font-weight:bold "> </span>
<script type="text/javascript">
function DisplayClock()
{
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 now = new Date();
now.setTime(now.getTime());
var clockDate = days[now.getDay()] + ', ' + now.getDate() + ' ' + months[now.getMonth()] + ' ' + now.getFullYear();
var hour = now.getHours();
var am_pm;
if (hour > 11)
{
am_pm = 'PM';
}
else
{
am_pm = 'AM';
}
if(hour == 0)
{
hour = '12';
}
else if (hour >12)
{
hour = hour -12;
}
var minute = now.getMinutes();
if(minute <10)
{
minute = '0' + minute;
}
var second = now.getSeconds();
if(second <10)
{
second = '0' + second;
}
var clockTime = hour + ':' + minute + ':' + second + ' ' + am_pm;
var fullClock = clockDate + ' :: ' + clockTime;
document.getElementById('clock').innerHTML = fullClock;
setTimeout("DisplayClock()",1000);
}
if (!document.all)
{
window.onload = DisplayClock;
}
else
{
DisplayClock();
}
</script>