ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
トップ
/
マイページ
/
レッスン一覧
/
JavaScriptでストップウォッチを作ろう
JavaScriptでストップウォッチを作ろう
(全13回)
JavaScriptでシンプルなストップウォッチを作る方法を学んでいきます。
このレッスンでは
HTML5
/
CSS
/
CSS3
/
JavaScript
を使用しています。
動画レッスン一覧
(13)
未完了
#01 ストップウォッチを作ろう
(02:51)
完成版の確認
index.htmlの作成
styles.cssの作成
main.jsの作成
未完了
#02 画面のマークアップをしていこう
(02:24)
htmlのマークアップ
要素の取得
未完了
#03 カウントアップ機能を実装しよう
(02:50)
カウントアップ機能の実装
未完了
#04 タイマーを表示させよう
(02:58)
タイマーの表示
未完了
#05 表示桁数を固定しよう
(02:18)
表示桁数の固定
未完了
#06 停止、リセット機能を実装しよう
(02:19)
停止機能の実装
リセット機能の実装
未完了
#07 再開の仕組みを理解しよう
(02:39)
タイマー再開の仕組みについて
未完了
#08 タイマーが再開できるようにしよう
(01:31)
再開機能の実装
未完了
#09 ストップウォッチを仕上げていこう
(02:49)
不具合の修正
未完了
#10 全体のスタイルを整えよう
(02:54)
画面のスタイリング
未完了
#11 ボタンのスタイルを整えよう
(02:56)
ボタンのスタイリング
未完了
#12 ボタンのスタイルを付け替えよう
(02:53)
ボタンのスタイルの付け替え
未完了
#13 スタイルを付け替える関数を作ろう
(02:47)
スタイルを付け替える関数の作成
全ユーザーの学習状況
完了済
1,794
学習中
2,331
閲覧数
89,634
このレッスンについて
最終更新日
2017年6月22日
(604日前)
バージョン情報
HTML5 / CSS / CSS3 / JavaScript
関連キーワード
(6)
基礎講座
(248)
初心者向け
(254)
HTML
(58)
CSS
(67)
JavaScript
(126)
ミニプログラム
(114)
このレッスンを共有する