24時間毎に外部cssの変更は可能ですか？

質問

• Webサイトのテーマカラーを24時間ごとに変える方法について質問があります。
• 単純に背景色を変えるだけではデザイン的に問題があるため、アイコンや画像もテーマカラー別に用意したいです。
• 24時間ごとにテーマカラーを切り替えるためには、javascriptを使用する必要があります。

回答No.2

tracer

まず、前提として、javascriptが実行されるのは、ブラウザがページにアクセスしたタイミングです。従って、仮に、24時間同じページを開いていたとしても、自動でcssが変更されることはありません。もちろん、自動で変更させる仕組みを作ることは可能ですが、cssの変更程度の内容に、24時間経過しているかどうかを毎秒、毎分の単位でチェックする処理を走らせるのは現実的ではないですね。

ということで、「アクセスした曜日でcssを切り替える」という方法なら、比較的簡単に実装できると思います。
まず、曜日を取得して、日曜日ならsun.cssという感じですね。
曜日の取得も、外部stylesheetのパスの変更方法も、ググればすぐに出ます。

ただ、注意したいのは、javascriptは、クライアント(ブラウザ)が実行するプログラムなので、各ユーザーのPC時計が狂っていると正常に機能しません。一律に処理する必要があるならば、javascriptではなく、サーバーサイドのプログラムを使うことになると思います。

補足

前提から細かく教えて頂いてありがとうございます。

ただ、今回の狙いが「24時間毎の方が毎日変わっている感がある…」というもののため、あえて曜日毎の変更をせずに、24時間毎にしています。

PC時計に関しては仕方のないことと割り切ります。