Previous Chapter's Examples-|-Next Example-|-Return to Chapter Listing
Example 19.1:
The Clock from JavaScript 411 and Netscape
We copied this clock from the Snippet Library at JavaScript 411. They got the original from the Netscape documentation.
These are the scripts we used. First, this in the HEAD:
<![CDATA[
<SCRIPT LANGUAGE="JavaScript">
<!-- HIDE ME FROM THAT BROWSER
var timerID = null
var timerRunning = false
function stopclock(){
// cannot directly test timerID on DEC OSF/1 in beta 4.
if(timerRunning)
clearTimeout(timerID)
timerRunning = false
}
function startclock(){
// Make sure the clock is stopped
stopclock()
showtime()
}
function showtime(){
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.clock.face.value = timeValue
timerID = setTimeout("showtime()",1000)
timerRunning = true
}
//-->
</SCRIPT>
</HEAD>
<BODY onload="startclock()">
]]>
Then this in the body:
<![CDATA[
<FORM NAME="clock" onsubmit="0">
<INPUT TYPE="text" NAME="face" SIZE=14 VALUE ="">
</FORM>
]]>
Previous Chapter's Examples-|-Next Example-|-Return to Chapter Listing