作品 ID: 3419

文字回転時計

公開

「時」「分」「秒」それぞれの文字の回転角度で時刻を表す時計です。

ソース

プログラム

時ラベルは「時」のラベル作成。
それに{
  "font-size": "500%",
  "margin": "0.2em",
  "display": "inline-block",
}をDOMスタイル一括設定。
分ラベルは「分」のラベル作成。
それに{
  "font-size": "500%",
  "margin": "0.2em",
  "display": "inline-block",
}をDOMスタイル一括設定。
秒ラベルは「秒」のラベル作成。
それに{
  "font-size": "500%",
  "margin": "0.2em",
  "display": "inline-block",
}をDOMスタイル一括設定。

●表示更新とは
  定数の時分秒は今を「:」で区切って{関数}整数変換を配列マップ。
  定数の時刻は(時分秒@0)×3600＋(時分秒@1)×60+(時分秒@2)。
  時ラベルの「rotate」に「{時刻÷(12×60×60)の小数部分}turn」をDOMスタイル設定。
  分ラベルの「rotate」に「{時刻÷(60×60)の小数部分}turn」をDOMスタイル設定。
  秒ラベルの「rotate」に「{時刻÷60の小数部分}turn」をDOMスタイル設定。

  {関数}表示更新を画面更新時実行。
ここまで。

表示更新。

作品について

作品情報

作品を編集

みけCAT 作

ライセンス: CC0（著作権破棄）
形式: wnako
タグ: -
利用バージョン: 3.7.22
アクセス数(累計): 153
アクセス数(今月): 79
更新日時: 2026/08/16 23:26 編集: 2026/08/16 23:30

⭐

作品公開情報

交流

コメントを取得中...