How To Make A Simple Stopwatch In Javascript

this is the look of the stopwatch

the script add it below head

function clearALL() {
clearTimeout(clocktimer);
h=1;m=1;tm=1;s=0;ts=0;ms=0;
init=0;show=true;
readout='00:00:00.00';
document.clockform.clock.value=readout;
var CF = document.clockform;
for (ij=0;ij<=9;ij++) { CF[mPLUS[ij]].value = ''; }
ii = 0;}

function addMEM() {
if (init>0) {var CF = document.clockform;
CF[mPLUS[ii]].value = readout;
if (ii==9) { ii = 0; } else { ii++; }}}

function startTIME() { 
var cdateObj = new Date();
var t = (cdateObj.getTime() - dateObj.getTime())-(s*1000);

if (t>999) { s++; }

if (s>=(m*base)) {ts=0;
m++;} else {ts=parseInt((ms/100)+s);
if(ts>=base) { ts=ts-((m-1)*base); }}

if (m>(h*base)) {tm=1;
h++;} else {tm=parseInt((ms/100)+m);
if(tm>=base) { tm=tm-((h-1)*base); }}

ms = Math.round(t/10);
if (ms>99) {ms=0;}
if (ms==0) {ms='00';}
if (ms>0&&ms<=9) { ms = '0'+ms; }

if (ts>0) { ds = ts; if (ts<10) { ds = '0'+ts; }} else { ds = '00'; }
dm=tm-1;
if (dm>0) { if (dm<10) { dm = '0'+dm; }} else { dm = '00'; }
dh=h-1;
if (dh>0) { if (dh<10) { dh = '0'+dh; }} else { dh = '00'; }

readout = dh + ':' + dm + ':' + ds + '.' + ms;
if (show==true) { document.clockform.clock.value = readout; }

clocktimer = setTimeout("startTIME()",1);}

function findTIME() {
if (init==0) {dateObj = new Date();
startTIME();
init=1;} else {if(show==true) {show=false;} else {show=true;}}}
</script>

this is the form code

thanks for reading

15 comments

Paranthaman mod

10:21 PM, July 21, 2013

Exactly the one ...i was searching for Thank you fella :) Bookmarked Your site

Anonymous mod

4:41 PM, February 16, 2014

This perfect. thanks

11:17 PM, March 31, 2014

WTF kind of shit is this? This should not have the title "How To Make A Simple Stopwatch In Javascript", you don't explain a damn thing. The title "Code For A Simple Stopwatch In Javascript" would've been more accurate.

I wish I could've used this since it seems to work perfectly but I don't want to have code I don't understand in my projects. Maybe next time you could elaborate a little on it.

4:18 AM, June 07, 2014

How can I do to have multiple stopwatches at the same page ? For example, I would like to have 10 stopwatches at the same page.

Unknown mod

8:53 PM, September 28, 2015

Run website on Offline mode Using UpUp Javascript Framework
AngularJS LazyTube directive
Scan Uploaded File using VirusTotal Java Library
Get Data From Database Using AngularJS in JSP
PrimeFaces vs RichFaces vs IceFaces in JSF
PDF Reader Android SDK
Diference - JavaFx vs Swing

for ict 99 mod

10:16 PM, January 12, 2016

4:23 PM, February 24, 2016

We are offering website design services in affordable price for your businesses!!!

4:09 PM, March 17, 2016

twilio woocommerce sms plugin for your SMS Marketing to charm your business or Online shopping store.......

9:27 AM, May 05, 2016

The share your really gives us excitement. Thanks for your sharing. If you feel tired at work or study try to participate in our games to bring the most exciting feeling. Thank you!
red ball 4 | hola launcher | cooking fever | paradise bay | agario

1:45 PM, May 12, 2016

6:19 PM, May 24, 2016

Informative post. I learned some new things. Thanks for sharing such a useful post.

Web Application Development Company in Chennai

2:46 PM, August 12, 2016

Great stuff. This is really a fascinating blog, lots of stuff that I can Get into. One thing I just want to say is that your Blog is so perfect!
run 2 unblocked | slitherio | atari breakout | run 2 unblocked | slither.io