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

時計の盤面に短い目盛りを描画していきます。

長い目盛りを描画したのちに、1から12までの数字を描画して盤面を完成させます。

描画関連の処理を別のクラスにまとめていきます。

drawFaceメソッドを整理して、汎用的な処理を切り出していきます。

現在時刻を取得して、時針を描画していきます。

現在時刻を取得して、分針と秒針を描画していきます。

setTimeout()を使って、リアルタイムに時計が描画されるように実装していきます。

完成版を確認したあとに必要なファイルを作っていきます。

Canvasを配置したあとにスタイルを整えていきます。

update()とdraw()を定義したあとに、requestAnimationFrame()を使ってゲームループを実装していきます。

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