ドットインストール - 3分動画でマスターできるプログラミング学習サービス

PREMIUM

JavaScriptでストップウォッチを作ろう

JavaScriptでシンプルなストップウォッチを作る方法について学んでいきます。
0%
#01 ストップウォッチを作ってみよう
VS Code の色を動画と同じにしたいです
2021年3月26日
#02 画面のマークアップをしよう
Windows のショートカットキーが知りたいです
2021年6月3日
全体をブロックで囲うのはなぜですか？
2020年5月14日
#03 カウントアップ機能を実装しよう
なぜブロック外でstartTimeを宣言しているのですか？
2021年2月10日
Date.now()とgetTime()は同じですか？
2021年1月8日
setTimeout()を使っている理由について教えて下さい
2021年1月8日
コンソールの結果が10ミリ秒間隔にならないのはなぜですか？
2020年6月5日
なぜ1ミリ秒ごとではなくて10ミリ秒毎に処理しているのですか？
2020年6月5日
経過時間がどう計算されているのかわかりません
2020年6月6日
let startTimeで値を設定していないのはなぜですか？
2020年5月26日
Date.now()とnew Date()の違いがわかりません
2020年5月21日
startTimeはなぜ初期化しないのですか？
2020年5月5日
startボタンを押してもカウントが開始されません
2020年5月14日
startのイベントでcountUp();が必要なのはなぜですか？
2020年5月14日
setTimeoutでのcountUpの表記について混乱しています
2020年5月14日
コンソールでカウントが始まらない
2020年5月14日
setTimeout(countUp, 10);ではだめですか？
2020年5月14日
#04 タイマーを表示させよう
100 分の 1 秒までの表示にするにはどうしたらよいですか？
2021年9月10日
CountUp() と CountUp の違いがわかりません
2021年6月10日
constを使って値が再代入できるのはなぜですか？
2021年3月4日
setTimeoutとsetIntervalどちらが良いですか？
2021年1月8日
start をクリックすると 30 分経過した状態から始まります
2020年12月18日
new Date()に渡すのは年月ではないのですか？
2020年9月2日
Cannot set property 'textContent' of null ...と出ます
2020年5月14日
newを使うにもDateクラスがないのでは？
2020年5月14日
インスタンス化しないとメソッドは使えないのですか？
2020年5月14日
「const d = new Date(Date.now() - startTime);」は何をしているのですか？
2020年5月14日
setTimeout(countup(), 10); だとエラーになるのはなぜですか？
2020年5月5日
時間まで取得した場合に09:00:00からカウントが始まる
2020年5月14日
new演算子を使うときと使わないときの違いは？
2020年5月5日
'${m}:${s}.${ms}'がそのまま表示されてしまいます。
2020年5月5日
padStartとsliceはどちらがいいのでしょうか
2020年5月5日
#05 停止､リセットの機能を実装しよう
const で宣言するとエラーになるのでは？
2021年1月8日
CountUp()内で無限ループしないのでしょうか...？
2020年10月30日
timeoutIdはreturnする必要はないのですか？
2020年10月2日
なぜsetTimeoutが実行されるのでしょうか？
2020年9月17日
timer.textContentはtimer.valueではだめですか？
2020年7月17日
startTimeとtimeoutIdには値を代入していないのですが意味があるのですか？
2020年5月14日
ストップウォッチがなぜか30:00:000からスタートします
2020年5月14日
Startの次にResetはなぜ押せないのでしょうか？
2020年5月5日
timeoutIdは宣言しなくていいのですか？
2020年5月5日
timeoutIdがよくわかりません。どういう仕組みでsetTimeoutがキャンセルされるのですか？
2020年5月14日
#06 タイマーを再開できるようにしよう
elapsedTimeはなぜ0で初期化するのですか？
2020年12月18日
+=に書き換えるとうまくいくのはなぜですか？
2020年11月20日
「elapsedTime += Date.now() - startTime」の意味が理解できない
2020年5月14日
elapsedTimeの動きがわかりません
2020年5月14日
startTimeとtimeoutIdを宣言するときに値を代入しないのはなぜですか？
2020年5月14日
#07 タイマーの問題点を把握しよう
なぜタイマーがいくつも起動するのですか？
2020年9月16日
#08 ボタンの有効/無効を切り替えよう
disabled = trueにすると操作できなくなるのはなぜですか？
2021年1月21日
setButtonStateInitial( )をstart.addEventListener()の前に書くのはなぜですか？
2020年5月14日
#10 タイマーのスタイルを整えよう
上下中央揃えにしたいときにheightプロパティは必要ですか？
2020年5月21日
buttonをdivで代替するようなケースは他にもありますか？
2020年5月14日
Ctrl + Alt + 下矢印をしたら画面がひっくり返りました
2020年5月1日
#11 ボタンのスタイルを整えよう
height と line-height の違いはなんですか？
2021年6月24日
ベンダープレフィックスとはなんですか？
2021年3月12日
#12 ストップウォッチを完成させよう
return falseでも問題ないでしょうか？
2021年1月12日
disabled プロパティが使用できるのはどのような時でしょうか？
2020年9月25日
=== trueは必要ないのでは？
2020年8月18日
inactiveの有無がどこで判別されているのかわかりません
2020年6月26日
inactiveクラスに「pointer-events: none;」ではだめですか？
2020年5月30日
getHoursを使うと「9」が表示される
2020年5月26日
inactiveがなぜbtnクラスに反映されるのかわかりません
2020年5月14日
returnでどこにundefinedを返すかわかりません
2020年5月14日
returnを書くとボタンが無効になるのはなぜですか？
2020年5月14日
elapsedTimeの加算タイミングがわかりません
2020年5月14日

サービスメニュー

ご利用にあたって

学習支援ツール

ソーシャルメディア

更新情報

Copyright © 2011-2021 dotinstall.com. All Rights Reserved.