On/Off JavaScript Clock
Click
ON
button to start the clock,
OFF
to stop it.
OFF
ON
<html> <body bgcolor=black> <table BGCOLOR="gold" border="0" width="544" height="430"><tr><td Valign="top" halign="center"><br> <script language="JavaScript"> var enabled = 0; function TOfunc() {TO = window.setTimeout("TOfunc()", 1000); var today = new Date(); document.forms[0].elements[0].value = today.toString(); } </script> <CENTER><br><FONT SIZE="5" color="black"><b>On/Off JavaScript Clock<br><br><SMALL>Click <i>'ON'</i> button to start the clock, <i>'OFF'</I> to stop it.</SMALL><hr><br> <form><input usestyle type="text" name="disp" value="" size=25 width="390" onFocus="this.blur()"><br><br><input usestyle type="radio" name="rad" value="OFF" checked onClick="if(enabled) {clearTimeout(TO); enabled = 0;}"> OFF <input type="radio" usestyle name="rad" value="ON" onClick="if(!enabled ) {TO = setTimeout('TOfunc()', 1000); enabled = 1;}"> ON</b></font> <br><br><br><font color="white" size="4"><b><input type="reset" value="Turn Off Clock, Then Click To Clear Clock Area" borderimage="file://rom/borders/buttonborder3.bif" usestyle></form> <br><br><br><hr><br><br><center><font color="black"size="6"><b> <script language="JavaScript"> <!---// document.write("You Are Using a <br><b>"+ navigator.appName + "</b><br> Version <b>"+ navigator.appVersion +"</b><br> To View This Document."); //---> </script> </b></font></center> </td></tr></table> </body></html>