<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "HTTP://WWW.W3.ORG/TR/HTML4/LOOSE.DTD" >
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 ">
<title> Show Current Time </title>
<script type= "Text/javascript" >
function Showtime () {//Create functions
var now_time = new Date ();//Create Instance of time object
var hours = now_time.gethours ();//get Current hour number
var minutes = now_time.getminutes ();//Gets the current number of minutes
var seconds = now_time.getseconds ();//Gets the current number of seconds
var timer = "" + ((hours>12) hours-12:hours);//Assign the hour value to the variable timer
timer+= ((minutes<10)? ": 0": ":") +minutes;//assign minutes to variable timer
timer+= ((seconds<10)? ": 0": ":") +seconds;//give the timer a number of seconds
timer+= "" + ((hours>12)? " PM ":" AM ");//Assign character AM or PM to variable timer
document.clock.show.value=timer;//output A variable timer value in a form named clock
SetTimeout ("Showtime ()", 1000);//set to automatically call the Showtime () function every second
}
</script>
<body onload= "Showtime ()" >
<form name= "Clock" onsubmit= "0" >
<input type= "text" Name= "show" size= "10"
Style= "BORDER-WIDTH:3;" >
</form>
</script>
</body>
JavaScript time effects Show current time