javascriptでストップウォッチを作っていてタイマーを再開できるようにしたい

java scriptでストップウォッチを作っています
以下のソースコードでストップしたり、リセットするとタイマーを再開できません
どうすればタイマーを再開させることができますか？

html
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5	<meta charset="utf-8">
6	<link rel="stylesheet" href="styles.css">
7	<title>StopWatch</title>
8</head>
9
10<body>
11	<div id="timer">00:00.000</div>
12	<!--スタート-->
13	<form id="Start">
14		<p>
15			<input type="button" value="スタート" onclick="start('スタート');">
16		</p>
17	</form>
18	<!--ストップ-->
19	<form id="Stop">
20		<p>
21			<input type="button" value="ストップ" onclick="stop('ストップ');">
22		</p>
23	</form>
24	<!--リセット-->
25	<form id="Re">
26		<p>
27			<input type="button" value="リセット" onclick="re('リセット');">
28		</p>
29	</form>
30	<script>
31		var timer = document.getElementById('timer');
32		var elapsedTime = 0;
33		var timerId;
34		var timeToadd = 0;
35
36		function updateTimerText() {
37			var m = Math.floor(elapsedTime / 60000);
38			var s = Math.floor(elapsedTime % 60000 / 1000);
39			var ms = elapsedTime % 1000;
40			if (m < 10 && s < 10) {
41				timer.textContent = '0' + m + ':' + '0' + s + '.' + ms;
42			} else if (m < 10) {
43				timer.textContent = '0' + m + ':' + s + '.' + ms;
44			} else if (s < 10) {
45				timer.textContent = m + ':' + '0' + s + '.' + ms;
46			}
47		}
48		function countUp() {
49			timerId = setTimeout(function () {
50				elapsedTime = Date.now() - startTime + timeToadd;
51				updateTimerText();
52				countUp();
53			}, 10);
54		}
55		//スタート
56		var startTime;
57		var flag = true;
58		var start =
59			function start(str) {
60				if (flag) {
61					flag = false;[
62						(function () {
63							startTime = Date.now();
64							countUp();
65						}())]
66				}
67			}
68
69		//ストップ
70		var stop =
71			function stop(str) {
72				clearTimeout(timerId);
73				timeToadd += Date.now() - startTime;
74			}
75
76		//リセット
77		var re =
78			function re(str) {
79				elapsedTime = 0;
80				timeToadd = 0;
81				timer.textContent = '00:00.000';
82			}
83	</script>
84</body>
85
86</html>
87
88```ブラウザはfire foxを使用しています
89宜しくおねがいします

行動規範の内容に同意します

回答1件

ベストアンサー

ストップに flag管理がされていませんでした。
flag = true;を追加すれば、問題なく動作しました。(google chrome)

        //ストップ
        var stop =
            function stop(str) {
            	flag = true;
                clearTimeout(timerId);
                timeToadd += Date.now() - startTime;
            }

投稿2018/04/01 09:34