ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
【旧版】JavaScriptでストップウォッチを作ろう
JavaScriptでシンプルなストップウォッチを作る方法を学んでいきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptでストップウォッチを作ろう
JavaScriptでシンプルなストップウォッチを作る方法について学んでいきます。
0%
動画レッスン一覧
(13)
#01 ストップウォッチを作ろう
(02:52)
無料公開中
完成版の確認
index.htmlの作成
styles.cssの作成
main.jsの作成
未完了
#02 画面のマークアップをしていこう
(02:25)
無料公開中
htmlのマークアップ
要素の取得
未完了
#03 カウントアップ機能を実装しよう
(02:50)
無料公開中
カウントアップ機能の実装
未完了
#04 タイマーを表示させよう
(02:58)
タイマーの表示
未完了
#05 表示桁数を固定しよう
(02:19)
表示桁数の固定
未完了
#06 停止、リセット機能を実装しよう
(02:20)
停止機能の実装
リセット機能の実装
未完了
#07 再開の仕組みを理解しよう
(02:40)
タイマー再開の仕組みについて
未完了
#08 タイマーが再開できるようにしよう
(01:31)
再開機能の実装
未完了
#09 ストップウォッチを仕上げていこう
(02:50)
不具合の修正
未完了
#10 全体のスタイルを整えよう
(02:55)
画面のスタイリング
未完了
#11 ボタンのスタイルを整えよう
(02:57)
ボタンのスタイリング
未完了
#12 ボタンのスタイルを付け替えよう
(02:54)
ボタンのスタイルの付け替え
未完了
#13 スタイルを付け替える関数を作ろう
(02:48)
スタイルを付け替える関数の作成
未完了
リリース情報(note)
『JavaScriptでストップウォッチを作ろう』を再収録しました
詳細情報
最終更新日
2017年6月22日
バージョン情報
HTML5 / CSS / CSS3 / JavaScript