JavaScript | 1 日 90 分 × 7 日アプリ学習:タイマーアプリ(初級編)

Web APP JavaScript
スポンサーリンク
スポンサーリンク

2日目のゴールと今日やること

引用元:なし(本教材はオリジナル解説です)

2日目のテーマは
「setTimeout を使って“動き続けるタイマー”の仕組みを理解し、開始・停止・リセットの動きを頭と手でつかむ」
ことです。

1日目では、

  • setTimeout は「あとで実行する処理の予約」
  • clearTimeout で予約をキャンセルできる
  • isRunning で「今動いているかどうか」を管理する

ここまで来ました。

今日はここに、

  • 経過時間(elapsed)を変数で管理する
  • setTimeout を繰り返し呼び出して“疑似タイマー”を作る
  • 開始・停止・リセットを「時間付き」で理解する

という、タイマーアプリの“心臓部”を作っていきます。

タイトルとURLをコピーしました