Date in a Box

[Total: 0    Average: 0/5]

This puts the current time in a form box.

Head Code:

<SCRIPT LANGUAGE="JavaScript">
<!--  HIDE ME FROM THAT BROWSER
var timerID = null
var timerRunning = false

function stopclock(){
    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
}



function Doit() {
	startclock()
}

//-->
</SCRIPT>

Body Code:

<center>
The time is:
<FORM NAME="clock" onSubmit="0">
    <INPUT TYPE="text" NAME="face" SIZE=12 VALUE ="">
</FORM>
</center>
<script>
Doit();
</script>

Times Viewed: 4

Leave a Reply

Your email address will not be published. Required fields are marked *