<script language="JavaScript">
<!-- Begin

var up,down;

var min1,sec1;

var cmin1,csec1,cmin2,csec2;

function Minutes(data) {

	for(var i=0;i<data.length;i++) if(data.substring(i,i+1)==":") break;

	return(data.substring(0,i)); }

function Seconds(data) {

	for(var i=0;i<data.length;i++) if(data.substring(i,i+1)==":") break;

	return(data.substring(i+1,data.length)); }

function Display(min,sec) {

	var disp;

	if(min<=9) disp=" 0";

	else disp=" ";

	disp+=min+":";

	if(sec<=9) disp+="0"+sec;

	else disp+=sec;

	return(disp); }

function Up() {

	cmin1=0;

	csec1=0;

	min1=0+Minutes(document.sw.beg1.value);

	sec1=0+Seconds(document.sw.beg1.value);

	UpRepeat(); }

function UpRepeat() {

	csec1++;

	if(csec1==60) { csec1=0; cmin1++; }

	document.sw.disp1.value=Display(cmin1,csec1);

	if((cmin1==min1)&&(csec1==sec1)) alert("Stopwatch Stopped");

	else up=setTimeout("UpRepeat()",1000); }

function Down() {

	cmin2=1*Minutes(document.sw.beg2.value);

	csec2=0+Seconds(document.sw.beg2.value);

	DownRepeat(); }

function DownRepeat() {

	csec2--;

	if(csec2==-1) { csec2=59; cmin2--; }

	document.sw.disp2.value=Display(cmin2,csec2);

	if((cmin2==0)&&(csec2==0)) alert("Countdown Stopped");

	else down=setTimeout("DownRepeat()",1000); }

// End -->
</script></head>
<body>
<center><h1>A Stopwatch and and a Countdown Timer</h1></center>
<p>You can change the period the stopwatch and/or countdown timer run for by typing a new value in the &quot;Stop/Start at&quot; box.</p>
<center>
<form name="sw">
<table border="0" width="100%">
<tr align="center"><td>
<table border="3" width="100%">
<tr><th colspan="2" bgcolor="#deb887">Stopwatch</th></tr>
<tr align="center"><td>Stop at<br><input type="text" name="beg1" size="7" value="0:10"></td>
<td><input type="button" value="Start" onclick="Up()"></td></tr>
<tr align="center"><td colspan="2" bgcolor="#deb887"><input type="text" name="disp1" size="9"></td></tr>
</table>
</td><td><input type="button" value="Start Both" onclick="Up();Down()"></td><td>
<table border="3" width="100%">
<tr><th colspan="2" bgcolor="#deb887">Countdown</th></tr>
<tr align="center"><td>Start at<br><input type="text" name="beg2" size="7" value="0:10"></td>
<td><input type="button" value="Start" onclick="Down()"></td></tr>
<tr align="center"><td colspan="2" bgcolor="#deb887"><input type="text" name="disp2" size="9"></td></tr>
</table>
</td></tr></table>
</form>
</center>
