|
|
|
How to use this clock???
Step 1 : Add onload="timeDisplay()" to the <body> of your page, for example:
<body bgcolor="#FFFFFF" onload="timeDisplay()">
This is a very very IMPORTANT step! If you forgot to put that up, the clock won't work!!
if you have any problems in doing this step, ask princess moon now!
Step 2 : Copy the following HTML fragments and paste anywhere you like :
<script language="javascript">
function timeDisplay()
{
today=new Date()
showTime=today.getHours() + " : " + today.getMinutes() + " : " +
today.getSeconds()
document.msg.time.value=showTime
timerID=setTimeout("timeDisplay()",1000)
}
</script></font>
<p> </p>
<div align="center"><center>
<table border="2" cellpadding="0" cellspacing="0"
bordercolor="#FF80C0">
<tr>
<td><div align="center"><center><table border="0"
cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a
href="http://westwood.fortunecity.com/galliano/855/clock.htm"><img
src="http://www.crosswinds.net/~moonp/image58.gif"
alt="Sailor Clock!!!" border="0" width="80"
height="74"></a></td>
<td align="center"><font color="#FF80C0"
face="Arial"><strong>The</strong></font><font
color="#FF80C0"><strong> </strong></font><font
color="#FF80C0" face="Arial"><strong>time is
now.</strong></font><font
face="Arial">.</font><table border="0">
<tr>
<td><form name="msg">
<p><input type="text" size="12"
name="time"> </p>
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center></div></td>
</tr>
</table>
</center></div>
