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

質問

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

回答No.1

pa_cotta

んー、日付を６で割った余りの値を参照して切り替えるのがてっとり早いでしょうか。

<script>
// 現在日の取得
var now_date = new Date();
var day = now_date.getDate();
var css_pattern;

// 日付を6で割った余りを求める
css_pattern = day % 6;

switch(css_pattern) {
case 0:
// 読み込むCSSとかの設定
break;
// 以下case 5まで続く
}
</script>

CSSの設定するところとかは設定したい内容を記載して下さい。

>javascriptの知識はまったくないため、大変申し訳ないのですが教えて頂けると大変助かります。

これを機に覚えましょう。覚えずにいつまでも丸投げは恥ずかしいものです。

お礼

早速のお返事ありがとうございます。

>これを機に覚えましょう。覚えずにいつまでも丸投げは恥ずかしいものです。
仰る通りです。自分の実力不足を痛感しております。

ですが、恥かきついでに教えて下さい。
// 読み込むCSSとかの設定
// 以下case 5まで続く

というのは、具体的に外部cssの置き場所、という意味でしょうか？

ずうずうしいお願いで申し訳ありません。