質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

3回答

346閲覧

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

beginner001

総合スコア29

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2020/05/07 07:36

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 // 分が1桁の場合は、先頭に0をつける 130 131 if (min < 10) min = "0" + min; 132 133 134 135 // 秒が60秒以上の場合 例)89秒→29秒にする 136 137 if (sec >= 60) sec = sec % 60; 138 139 140 141 // 秒が1桁の場合は、先頭に0をつける 142 143 if (sec < 10) sec = "0" + sec; 144 145 146 147 // ミリ秒が1桁の場合は、先頭に0をつける 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++ が分かりません。ググりましたが、見つかりません。
よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

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

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

投稿2020/05/07 07:36

maisumakun

総合スコア145121

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

beginner001

2020/05/07 22:28

setTimeoutの ) のことでした。失礼しました。
guest

0

ベストアンサー

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

js

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

投稿2020/05/07 09:07

oikashinoa

総合スコア2826

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

beginner001

2020/05/07 22:26

ちゃんと ) で閉じられているのが分かりました。有難うございました。
guest

0

()ですぐ閉じてます.

time++ についてはインクリメントとかでググってください。
time = time + 1;と同じ意味と思ってもらえれば

投稿2020/05/07 07:42

okina

総合スコア471

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

beginner001

2020/05/07 22:28

インクリメントで検索したらすぐ出ました。以前に本でやっていました。有難うございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問