タグ

2020年10月3日のブックマーク (1件)

  • javascriptでアナログ時計を作成 - Qiita

    今回はjavascriptでアナログ時計を作ってみました。 なぜ作ったか アナログ時計なので 時間周りの処理が必要なのでそこらへんの勉強になるのと、 あまりwebサイトではアナログ時計を見ないですが、サイトにあったら意外とお洒落かもと思って 作ってみました。 作るアナログ時計の完成イメージ 基的な丸型の時計です。 コード html まずはアナログ時計の元になるhtmlを書いていきます。 必要なhtmlはごく少量です。 大きく分けて、必要なのは 外枠 時針 分針 秒針 時間の文字 これだけです。 <div class="c-clock"> // 外枠 <span class="c-clock__hour"></span> <!-- 時計 --> <span class="c-clock__min"></span> <!-- 分針 --> <span class="c-clock__sec"

    javascriptでアナログ時計を作成 - Qiita