|
↑
Date & Time >>>
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:
<script
language="javascript"
type="text/javascript">
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;
</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>
|
→
|