この時計のバージョンは、数年前にJavaScriptとphpを学ぶために独学で制作したものです
Webサイトを製作するにあたり、記事や内容の更新頻度が少なくても変化のあるものを作りたいと思い、実験的に制作しました
仕様としては
- 年月日の表示
- 曜日の表示
- 時刻の表示（２４時間制）
- メッセージの表示
を当初予定していましたが、製作途中で物足りなくなり、
- 背景色の変更
- 昼夜で背景の変更
を追加しました
さらに、製作途中で、もっと動きを出したいと思い、
- 背景アニメーション
を追加いたしました
製作途中で機能追加をおこなったため、ソースが煩雑になってしまいました
それに加え、日時の表示は『JavaScript』、昼夜の判定は『php』でおこなっているため、日時の表示はローカルパソコンのタイムスタンプを、昼夜の判定はサーバーのタイムスタンプを使用することになってしまっています
昼夜の判定をサーバー側でおこなっているので、サーバーとローカルの場所が異なる場合、表示に異常が出る可能性があります
例えば、海外にあるパソコンで、日本のサーバーにあるこのサイトを見た場合、時差により『夜なのに昼の背景』のような現象が発生する可能性があります
本来なら画面キャプチャなどを用いてご説明するのが良いのですが、本バージョンは『テスト用環境設定』を用意していないため、疑似的に全パターンの画面を出すことができない状態になっています
説明が文字のみになってしまい、申し訳ございません
サンプルサイト
サンプルサイトはこちらです（別ウインドウで開きます）
※ リンク先URLの『ドメイン名』が本サイトと異なりますが、私が準備した別サイトです
2024.2.26現在、リンク先は有効になっておりますが、『フリーServer』の特性上、突然リンク切れになる場合がありますご注意ください