時計 バージョン2.0 (2024年2月9日 課題制作で作成)

バージョン1.0の構想をそのままに、完全にゼロから作り直したものです

仕様(バージョン1.0からの変更・追加内容)

  • 日時判定や昼夜切り替え判定などをすべてローカルPCでおこなう

バージョン1.0では、昼夜の判定がサーバー側でおこなわれていたため、JavaScriptで『昼夜切り替えScript』を作成し実装することで、ブラウザ側で昼夜判定をおこない、背景を切り替えるように変更しました
その他、日時の表示などもすべてJavaScriptで統一しました

  • バージョン1.0のJavaScriptの見直しと実装

独学で制作していたバージョン1.0のJavaScriptをすべて見直して、できるだけ『最適化』を図りました

  • バージョン1.0の機能に加え、画像切り替え表示機能の実装

バージョン1.0では未実装になっていた『画像自動切換え』を実装しました
現在は、設定された月ごとに画像が切り替わるようになっています

サンプルサイト

サンプルサイトはこちらです(別ウインドウで開きます)