-
Notifications
You must be signed in to change notification settings - Fork 0
/
stopwatch.js
96 lines (81 loc) · 2.04 KB
/
stopwatch.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
// https://stackoverflow.com/questions/20318822/how-to-create-a-stopwatch-using-javascript
var Stopwatch = function(elem, options) {
var timer = createTimer(),
startButton = createButton("start", start),
stopButton = createButton("stop", stop),
resetButton = createButton("reset", reset),
offset,
clock,
interval;
// default options
options = options || {};
options.delay = options.delay || 100;
// append elements
elem.appendChild(timer);
//elem.appendChild(startButton);
//elem.appendChild(stopButton);
//elem.appendChild(resetButton);
// initialize
reset();
// private functions
function createTimer() {
return document.createElement("span");
}
function createButton(action, handler) {
var a = document.createElement("a");
a.href = "#" + action;
a.innerHTML = action;
a.addEventListener("click", function(event) {
handler();
event.preventDefault();
});
return a;
}
function start() {
if (!interval) {
offset = Date.now();
interval = setInterval(update, options.delay);
}
}
function stop() {
if (interval) {
clearInterval(interval);
interval = null;
}
}
function reset() {
clock = 0;
render();
}
function update() {
clock += delta();
render();
}
function render() {
timer.innerHTML = Math.round(clock/1000);
}
function delta() {
var now = Date.now(),
d = now - offset;
offset = now;
return d;
}
// public API
this.start = start;
this.stop = stop;
this.reset = reset;
};
var timer = null;
window.addEventListener("load", function(e) {
//timer = new Stopwatch(document.getElementById('stopwatch'), {delay: 10});
})
function click_stopwatch() {
if (use_stopwatch) { // Already using, so reset it or turn it off?
timer.reset()
} else {
document.getElementById('stopwatch').innerHTML = "";
timer = new Stopwatch(document.getElementById('stopwatch'), {delay: 50});
timer.start()
use_stopwatch = true;
}
}