It's always fun to play with a stopwatch - even in JavaScript! This stopwatch does even include the basic features of Start, Stop, and of course, Reset. By the way, the time is not the regular seconds readout that you are probably used to. It displays in milliseconds! Therefore, 1000 = 1 sec, 5000 = 5 sec, etc.
Add the below code to the <body> section of your page:
<scriptlanguage="javascript"type="text/javascript"> /* Visit http://www.yaldex.com/
for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin var
ms =0; var
state =0; function
startstop(){ if(state
==0){ state =1; then =newDate(); then.setTime(then.getTime()-
ms);
}else{ state =0; now =newDate(); ms =
now.getTime()-
then.getTime(); document.stpw.time.value=
ms; }
} function
swreset(){ state =0; ms =0; document.stpw.time.value=
ms;
} functiondisplay(){ setTimeout("display();",50); if(state
==1){now
=newDate(); ms =
now.getTime()-
then.getTime(); document.stpw.time.value=
ms; }
} window.onload=display; // End --> </script> <FORMNAME="stpw"> Time: <INPUTTYPE="text"Name="time">
<INPUT
TYPE="BUTTON"Name="ssbutton"VALUE="Start/Stop"onClick="startstop()">
<INPUT
TYPE="BUTTON"NAME="reset"VALUE="Reset"onClick="swreset()">
</FORM>