44 lines
No EOL
1.6 KiB
HTML
44 lines
No EOL
1.6 KiB
HTML
<html>
|
|
<head>
|
|
<title>Clock</title>
|
|
<meta name=viewport content=width=240>
|
|
<script type="text/javascript">
|
|
function init ( )
|
|
{
|
|
timeDisplay = document.createTextNode ( "" );
|
|
document.getElementById("clock").appendChild ( timeDisplay );
|
|
}
|
|
function updateClock ( )
|
|
{
|
|
var currentTime = new Date ( );
|
|
|
|
var currentHours = currentTime.getHours ( );
|
|
var currentMinutes = currentTime.getMinutes ( );
|
|
var currentSeconds = currentTime.getSeconds ( );
|
|
|
|
// Pad the minutes and seconds with leading zeros, if required
|
|
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
|
|
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
|
|
|
|
// Choose either "AM" or "PM" as appropriate
|
|
var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
|
|
|
|
// Convert the hours component to 12-hour format if needed
|
|
currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
|
|
|
|
// Convert an hours component of "0" to "12"
|
|
currentHours = ( currentHours == 0 ) ? 12 : currentHours;
|
|
|
|
// Compose the string for display
|
|
var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;
|
|
|
|
// Update the time display
|
|
document.getElementById("clock").firstChild.nodeValue = currentTimeString;
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="updateClock(); setInterval('updateClock()', 1000 );"><br><br><br>
|
|
<center><font size="4"><script type="text/javascript"> var a=new Date();var m=a.getMonth() + 1;var d=a.getDate();var y=a.getFullYear();document.write(m+"/"+d+"/"+y);</script>
|
|
<br><span id="clock"> </span></font></center>
|
|
</BODY>
|
|
</HTML> |