この時計のバージョンは、数年前にJavaScriptとphpを学ぶために独学で制作したものです
Webサイトを製作するにあたり、記事や内容の更新頻度が少なくても変化のあるものを作りたいと思い、実験的に制作しました
仕様としては
- 年月日の表示
- 曜日の表示
- 時刻の表示(24時間制)
- メッセージの表示
を当初予定していましたが、製作途中で物足りなくなり、
- 背景色の変更
- 昼夜で背景の変更
を追加しました
さらに、製作途中で、もっと動きを出したいと思い、
- 背景アニメーション
を追加いたしました
製作途中で機能追加をおこなったため、ソースが煩雑になってしまいました
それに加え、日時の表示は『JavaScript』、昼夜の判定は『php』でおこなっているため、日時の表示はローカルパソコンのタイムスタンプを、昼夜の判定はサーバーのタイムスタンプを使用することになってしまっています
昼夜の判定をサーバー側でおこなっているので、サーバーとローカルの場所が異なる場合、表示に異常が出る可能性があります
例えば、海外にあるパソコンで、日本のサーバーにあるこのサイトを見た場合、時差により『夜なのに昼の背景』のような現象が発生する可能性があります
以後、編集作業中です....
サンプルはこちら...