JavaScript Code -- Display Current Time -- SPS TECHNICAL SERVICE

The following script will display formatted current time on the face of a webpage within a span container providing a means to render it in the middle of a paragraph. The code consists of a timer that times for one second, then calls a routine that extracts the current time using the Date() function. A one shot signal is needed to trigger the first iteration and must be positioned after the first reference in the body. This trigger could be either in a footer script or via the body onload attribute as shown below.. Time displayed is user's local time.
DEMONSTRATION
The current time is local time.
JS Code for Head Container <script type="text/javascript"> var timerID = null; var timerIsRunning = false; function initializeClock () { resetTimer(); displayTime(); } function resetTimer(){ if(timerIsRunning) clearTimeout(timerID); timerIsRunning = false; } function displayTime() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.getElementById('display_time').innerHTML = timeValue; timerID = setTimeout("displayTime()",1000); timerIsRunning = true; } </script>
Event Trigger <body onload="initializeClock()">
Body Container XHTML <span id="display_time"></span>

The following script will display formatted current time on the face of a webpage within a span container providing a means to render it in the middle of a paragraph. The code consists of a timer that times for one second, then calls a routine that extracts the current time using the Date() function. A one shot signal is needed to trigger the first iteration and must be positioned after the first reference in the body. This trigger could be either in a footer script or via the body onload attribute as shown below.. Time displayed is user's local time.

DEMONSTRATION

The current time is local time.

JS Code for Head Container

JAVASCRIPT CODE TO DISPLAY CURRENT TIME

DEMONSTRATION