<script type="text/javascript">
function updateClock() {
var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July',
'August', 'September', 'October', 'November', 'December'];
var d = new Date();
var hours = d.getHours();
var pm = hours >= 12;
if(hours > 12)
hours -= 12;
if(hours == 0)
hours = 12;
var minutes = d.getMinutes();
if(minutes < 10)
minutes = "0" + minutes;
var currentTime = hours + ":" + minutes + " " + (pm ? "PM" : "AM");
var currentDate = days[d.getDay()] + ", " + months[d.getMonth()] + " " +
d.getDate() + ", " + d.getFullYear();
document.getElementById("clock").innerHTML = currentDate + " at " + currentTime;
}
var oldOnLoad = window.onload;
window.onload = function() {
updateClock();
setInterval(updateClock, 5000);
if(oldOnLoad)
oldOnLoad();
}
</script>
<style type="text/css">
#clock {
font-family: Arial, sans-serif;
font-size: 18pt;
}
</style>
Now, for where you
want the clock to appear, paste this code:
<span id="clock"></span>
|