How to make stopwatch using html

June 05, 2018

Ritesh stopwatch

Time:

Following is the source code <html> <head> <title>Stopwatch</title> </head> <body onload="see();"> <script> var clsStopwatch = function() { var startAt = 0; // Time of last start / resume. (0 if not running) var lapTime = 0; // Time on the clock when last stopped in milliseconds var now = function() { return (new Date()).getTime(); }; this.start = function() { startAt = startAt ? startAt : now(); }; this.stop = function() { lapTime = startAt ? lapTime + now() - startAt : lapTime; startAt = 0; }; this.reset = function() { lapTime = startAt = 0; }; this.time = function() { return lapTime + (startAt ? now() - startAt : 0); }; }; var x = new clsStopwatch(); var $time; var clocktimer; function pad(num, size) { var s = "0000" + num; return s.substr(s.length - size); } function formatTime(time) { var h = m = s = ms = 0; var newTime = ''; h = Math.floor( time / (60 * 60 * 1000) ); time = time % (60 * 60 * 1000); m = Math.floor( time / (60 * 1000) ); time = time % (60 * 1000); s = Math.floor( time / 1000 ); ms = time % 1000; newTime = pad(h, 2) + ':' + pad(m, 2) + ':' + pad(s, 2) + ':' + pad(ms, 3); return newTime; } function see() { $time = document.getElementById('time'); update(); } function update() { $time.innerHTML = formatTime(x.time()); } function start() { clocktimer = setInterval("update()", 1); x.start(); } function stop() { x.stop(); clearInterval(clocktimer); } function reset() { stop(); x.reset(); update(); } </script> Time: <div id="time"></div> <input type="button" value="Start" onclick="start();"> <input type="button" value="Stop" onclick="stop();"> <input type="button" value="Reset" onclick="reset()"> </body> </html>

Make more than 20$ by only clicking.

Download html tutorial pdf

Start freelancing & Earn money

Make upto $10 by only sign uping.

Download my html tutorial

Make $50 for free by sharing ads.