JavaScript で検索した結果 - プログラミングならドットインストール

一定時間ごとに現在時刻を取得し、残り時間を求めていきます。

残り時間が0より小さくなったら、タイマーを終了させるようにします。

求めたミリ秒を、分と秒で表現されるようにしていきます。

分と秒を2桁ずつで表示されるようにしたあと、ボタンをクリックしたらボタンを押せないようにします。

CSSファイルを作ったあとに、main要素のスタイルを整えていきます。

main要素のスタイルをさらに追加し、全体を大まかにスタイリングしていきます。

p要素にデフォルトで設定されている余白をリセットしたあと、タイマーを表示する部分をスタイリングしていきます。

ボタンにデフォルトで設定されているスタイルをリセットしたあとに、スタイルを整えていきます。

ボタンの見た目を変化させて、クリックできることがわかりやすくしていきます。

タイマーが終了するまで、ボタン操作ができないことがわかりやすくなるようにします。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス