stop watchのプログラムに不明点があります。

javascript
1<!DOCTYPE html>
2
3<html lang="ja">
4
5<head>
6
7    <meta charset="utf-8">
8
9    <title>ストップウォッチ</title>
10
11    <style>
12
13        /* ここにCSSを書いていきます。 */
14
15    </style>
16
17</head>
18
19<body>
20
21<div class="container">
22
23    <h1 class="title">StopWatch</h1>
24
25    <h1 id="timerLabel">00:00:00</h1>
26
27    <input type="button" class="myButton" onclick="start()" value="START" id="startBtn">
28
29    <input type="button" class="myButton" onclick="stop()" value="STOP">
30
31    <input type="button" class="myButton" onclick="reset()" value="RESET">
32
33</div>
34
35<script>
36
37    var status = 0; // 0:停止中 1:動作中
38
39    var time = 0;
40
41    var startBtn = document.getElementById("startBtn");
42
43    var timerLabel = document.getElementById('timerLabel');
44
45
46
47    // STARTボタン
48
49	function start(){
50
51        status = 0;
52
53        status = 1;
54
55        // スタートボタンを押せないようにする
56
57        startBtn.disabled = true;
58
59
60
61        timer();
62
63    }
64
65
66
67    // STOPボタン
68
69    function stop(){
70
71        // 停止中にする
72
73        status = 0;
74
75        // スタートボタンを押せるようにする
76
77        startBtn.disabled = false;
78
79    }
80
81
82
83    // RESETボタン
84
85    function reset(){
86
87        // 停止中にする
88
89        status = 0;
90
91        // タイムを0に戻す
92
93        time = 0;
94
95        // タイマーラベルをリセット
96
97        timerLabel.innerHTML = '00:00:00';
98
99        // スタートボタンを押せるようにする
100
101        startBtn.disabled = false;
102
103    }
104
105
106
107    function timer(){
108
109        // ステータスが動作中の場合のみ実行
110
111        if (status == 1) {
112
113            setTimeout(function() {
114
115                time++;
116
117
118
119                // 分・秒・ミリ秒を計算
120
121                var min = Math.floor(time/100/60);
122
123                var sec = Math.floor(time/100);
124
125                var mSec = time % 100;
126
127
128
129                // 分が１桁の場合は、先頭に０をつける
130
131                if (min < 10) min = "0" + min;
132
133
134
135                // 秒が６０秒以上の場合　例）89秒→29秒にする
136
137                if (sec >= 60) sec = sec % 60;
138
139
140
141                // 秒が１桁の場合は、先頭に０をつける
142
143                if (sec < 10) sec = "0" + sec;
144
145    
146
147		// ミリ秒が１桁の場合は、先頭に０をつける
148
149                if (mSec < 10) mSec = "0" + mSec;
150
151
152
153                // タイマーラベルを更新
154
155                timerLabel.innerHTML = min + ":" + sec + ":" + mSec;
156
157
158
159                // 再びtimer()を呼び出す
160
161                timer();
162
163            }, 10);
164
165        }
166
167    }
168
169</script>
170
171</body>

https://codeforfun.jp/javascript-stopwatch/
のページに紹介されているstop watchのプログラムを真似して作っていましたが、以下の部分で分からなくなりました。

function timer(){
if (status == 1) {
setTimeout(function() {
time++;

※特にsetTimeout(function() の　functionの後の( に対応する　) がこの後に無いのが納得いきません。
意味としては以下のように考えれば良いのでしょうか？

実行中の場合は、timer関数を実行しなさい、time++の後に
また、この　time++　が分かりません。ググりましたが、見つかりません。
よろしくお願いします。

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

回答3件

functionの後の( に対応する　) がこの後に無いのが納得いきません。

えっと、function()となってすぐ閉じられていますが。

投稿2020/05/07 07:36

maisumakun

総合スコア146018

beginner001

2020/05/07 22:28

setTimeoutの　）　のことでした。失礼しました。

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

ベストアンサー

setTimeout(function ()だけを見て勘違いしているのかと。
()と{}の対応を下に書いておきました。

js
1    setTimeout(function ()       {
2//            ⇡A       ⇡⇡B    ⇡C
3
4        time++;
5        (略)
6        // 再びtimer()を呼び出す
7        timer();
8    }, 10);
9//  ⇡C  ⇡A