Ad Code

Simple live clock using standard Javascript

<script type="text/javascript">
// This function gets the current time and injects it into the DOM
function updateClock() {
 // Gets the current time
 var now = new Date();

 // Get the hours, minutes and seconds from the current time
 var hours = now.getHours();
 var minutes = now.getMinutes();
 var seconds = now.getSeconds();

 // Format hours, minutes and seconds
 var h = hours % 12;
 //if (hours < 10){ hours = "0" + hours; }
 if (h == 0){ hours = "12" + hours; }else{ hours = "0" + h; }
 if (hours < 11){ ampm = "AM"; }else{  ampm = "PM"; }
 if (minutes < 10){ minutes = "0" + minutes; }
 if (seconds < 10){ seconds = "0" + seconds; }

 // Gets the element we want to inject the clock into
 var elem = document.getElementById('clock');

 // Sets the elements inner HTML value to our clock data
 elem.innerHTML = hours + ':' + minutes + ':' + seconds + ' ' + ampm;
}
setInterval('updateClock()', 1000);
</script>

<br />
<h1 id="clock"></h1>

Post a Comment

0 Comments