ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/06/01
NEW
『JavaScript入門 DOM編』をリリースしました
2023/06/01
NEW
週刊ドットインストール(2023/06/01号)を更新しました!
PREMIUM
【旧版】JavaScriptでストップウォッチを作ろう
JavaScriptでシンプルなストップウォッチを作る方法を学んでいきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptでストップウォッチを作ろう
JavaScriptでシンプルなストップウォッチを作る方法について学んでいきます。
0%
動画レッスン一覧
(8)
未完了
#01 ストップウォッチを作ってみよう
(01:16)
無料公開中
完成版
必要となる知識
レッスンにおける環境
未完了
#02 画面を作りこんでいこう
(02:54)
無料公開中
index.htmlの作成
スタイリング
未完了
#03 画面内の要素を取得していこう
(01:33)
要素の取得
未完了
#04 STARTボタンを動作させよう
(02:48)
STARTボタンの実装
未完了
#05 STOP、RESETボタンを実装しよう
(02:31)
STOPボタンの実装
RESETボタンの実装
未完了
#06 ボタンの状態を管理しよう
(02:21)
setButtonState()の実装
未完了
#07 ボタンのスタイリングをしていこう
(02:39)
スタイリング
未完了
#08 ストップウォッチを完成させよう
(02:35)
isRunning
setButtonState()の実装
動作確認
ギャラリー
このレッスンについて
最終更新日
2015年6月22日
バージョン情報
HTML5 / CSS3
関連キーワード
(4)
ミニプログラム
(142)
初心者向け
(368)
JavaScript
(148)
ゲームプログラミング
(46)
このレッスンを共有する