JavaScript Made Easy: Free JavaScripts Tutorials Example Code

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial



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. Bythe way, the time is not the regular seconds readout that you are probably used to. It displays in milliseconds! Therefore, 1000 = 1sec, 5000 = 5 sec, etc… Time:


Insert into <HEAD>
<SCRIPT LANGUAGE="JavaScript"> <!-- 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; } } // End --> </SCRIPT>

Insert into <BODY>
<!-- STEP TWO: Add this onLoad event handler into the BODY tag --> <BODY onLoad="display()"> <!-- STEP THREE: Put this code into the BODY of your HTML document --> <CENTER> <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> </CENTER>

Other Options