Text Field Clock


	Kids: Can't live with them, can't sell them to slave labor at fair market value.

BrettBits > Java and Javascript Programs > Text Field Clock

To use this Javascript for your own, copy the contents of the textbox below, and paste them into Notepad. Then, save the contents as a .htm or .html file. The Javascript is now yours! Just ensure you give me proper credit for creating it.

Javascript Source Code

var currtime;
var currhour;
var currminute;
var currsecond;
var AP;

function writeTime()
{

currtime = new Date(); //creates representation of current time on user's local computer
currhour = currtime.getHours(); //gets current hour (in 24-hour format)
currminute = currtime.getMinutes(); //gets current minute
currsecond = currtime.getSeconds(); //gets current time

if (currminute < 10) //if current minute is one digit number
	currminute = "0" + currminute; //place zero in front of it

if (currsecond < 10) //if current second is one digit number
	currsecond = "0" + currsecond; //place zero in front of it

AP = (currhour >= 12 ? "PM" : "AM"); //determine whether it is AM or PM

if (currhour > 12) //if current time is past 1:00 PM (13:00)
	currhour -= 12; //reduce hour display by 12 (i.e. 20:00 becomes 8:00 PM)
else if(currhour == 0) //if it is currently the midnight hour
	currhour = 12; //give more friendly hour display (i.e. 12:30 AM instead of 0:30 AM)

document.timeform.clockdisplay.value = currhour + ":" + currminute + ":" + currsecond + " " + AP; //update text field displaying time
setTimeout("writeTime()",1000); //set function to run again, 1 second from now (1000 milliseconds)
}

-->

</script>

Alternatively, you can download the source .html file itself by right-clicking on the Download button below, and click "Save Target As..." or "Save Link As...":

Share This Page!