Military Time Clock

Copy this code into your head ( <head>Insert in between here</head> )



<script language="JavaScript">

<!-- Hide from old browsers
// Copyright © 1999 Doug Popeney

// Created by Doug Popeney (easyjava@easyjavascipt.com)

// JavaScript Made Easy!! - http://www.easyjavascript.com



var timerID = null

var timerRunning = false



function stopclock(){

    if(timerRunning)

    clearTimeout(timerID)

    timerRunning = false

}



function startclock(){

    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)

    var timeValue1 = "" + ((hours < 10) ? "0" : "") + hours

    timeValue  += ((minutes < 10) ? ":0" : ":") + minutes

    timeValue1 += ((minutes < 10) ? ":0" : ":") + minutes

    timeValue  += ((seconds < 10) ? ":0" : ":") + seconds

    timeValue1 += ((seconds < 10) ? ":0" : ":") + seconds

    timeValue  += (hours >= 12) ? " P.M." : " A.M."

    document.clock.face.value = timeValue

    document.clock.face.value = timeValue1; 

    timerID = setTimeout("showtime()",1000)

    timerRunning = true

}

// -- End Hiding Here -->

</script>

Now put this inside your body code.



<body onLoad="startclock()">

An example is:
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock()">
or
<body onLoad="startclock()">

Now put this where ever you want in your HTML document



<form name="clock" onSubmit="0">

<input type="text" name="face" size=13 value="">

</form>

JavaScript Made Easy - Main Page