【旧版】JavaScriptで作るストップウォッチ
(全7回)
最新版のレッスンはこちらから »
【最新版】JavaScriptでストップウォッチを作ろう (全12回)
定番ですが、JavaScriptでストップウォッチを作ってみます。
このレッスンでは HTML / CSS / JavaScript を使用しています。
-
#01 開発の準備をしていこう (01:31) 無料公開中
- DEMO
- 必要となる知識
- 必要となるツール
-
#02 画面を作っていこう (02:47) 無料公開中
- index.htmlの作成
-
#03 setTimeoutでタイマーを作ろう (02:34)
- 変数の宣言
- Start!ボタンを押した時の処理
- タイマー処理（setTimeout）
-
#04 stop()とreset()を動作させよう (01:31)
- タイマーの停止
- タイマーのリセット
-
#05 タイマーを再開できるようにしよう (01:54)
- タイマーの再開処理
-
#06 タイマーの連続起動を防止する (02:21)
- 連続処理を防止する
- リセットボタンの処理
-
#07 最後の仕上げをしよう (02:57)
- JavaScriptとHTMLの分離
- 全体をfunctionで囲む
