Script Categories













Date & Time >>> Stopwatch.

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.

Time:

Add the below code to the <body> section of your page:

<script language="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 = new Date();
then.setTime(then.getTime() - ms);
}
else {
state = 0;
now = new Date();
ms = now.getTime() - then.getTime();
document.stpw.time.value = ms;
   }
}
function swreset() {
state = 0;
ms = 0;
document.stpw.time.value = ms;
}
function display() {
setTimeout("display();", 50);
if (state == 1)  {now = new Date();
ms = now.getTime() - then.getTime();
document.stpw.time.value = ms;
   }
}
window.onload=display;
// End -->
</script>
<FORM NAME="stpw">
Time:
<INPUT TYPE="text" Name="time">
<INPUT
TYPE="BUTTON" Name="ssbutton" VALUE="Start/Stop" onClick="startstop()">
<INPUT
TYPE="BUTTON" NAME="reset" VALUE="Reset" onClick="swreset()">
</FORM>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).




©