Databases
StackOverflow2013
Postsdbo
POJavascript stopwatch
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJavascript stopwatch
    text
    copied!<p>I'm trying to develop a webpage. for that i need a stopwatch. i found one. but it is fullfilling my requirement. my requirement is when i submit that page i want to continue the stopwatch. i want it run as lap timer. can anyone help me? please. </p> <pre><code> &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Stopwatch&lt;/title&gt; &lt;script&gt; // Simple example of using private variables // // To start the stopwatch: // obj.start(); // // To get the duration in milliseconds without pausing / resuming: // var x = obj.time(); // // To pause the stopwatch: // var x = obj.stop(); // Result is duration in milliseconds // // To resume a paused stopwatch // var x = obj.start(); // Result is duration in milliseconds // // To reset a paused stopwatch // obj.stop(); // var clsStopwatch = function() { // Private vars 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(); }; // Public methods // Start or resume this.start = function() { startAt = startAt ? startAt : now(); }; // Stop or pause this.stop = function() { // If running, update elapsed time otherwise keep it lapTime = startAt ? lapTime + now() - startAt : lapTime; startAt = 0; // Paused }; // Reset this.reset = function() { lapTime = startAt = 0; }; // Duration 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 = 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 ); newTime = pad(h, 2) + ':' + pad(m, 2) + ':' + pad(s, 2); return newTime; } function show() { $time = document.getElementById('time'); update(); start(); } 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(); } &lt;/script&gt; &lt;/head&gt; &lt;body onload="show();"&gt; &lt;div&gt;Time: &lt;span id="time"&gt;&lt;/span&gt; &lt;form action="testing.php?job=test" method="post"&gt; &lt;input type="submit"/&gt; &lt;/form&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload