期間限定で読み込むcssファイルを変えたい

質問

いつもお世話になっています。
今現在、以下のようなJavascriptで３カ月ごとに読み込む外部cssを変えています。
web

// ＊以下CSS切り替え

document.write ('<link rel="stylesheet" type="text/css" href="' + (function () {
switch ((new Date).getMonth () + 1) {
case 3 :
case 4 :
case 5 :
return 'css/back_spring.css'; // 3-5 月は back_spring.css を適用

case 6 :
case 7 :
case 8 :
return 'css/back_summer.css'; // 6-8 月は back_summer.css を使用

case 9 :
case 10 :
case 11 :
return 'css/back_autumn.css'; // 9-11 月は back_autumn.css を使用

case 12 :
case 1 :
case 2 :
return 'css/back_winter.css'; // 12-2 月は back_winter.css を使用

default :
return 'css/back_default.css'; // その他は back_default.css を適用
}
} )() +'">');

これをさらに
12/10～12/25はback_xmas.css
12/31～1/7はback_new_year.css
というように細分化したいのですが、javascriptの知識が少ないためどのように手をつければよいかわかりません。
どなたかアドバイスをお願いします！

回答No.1

noname#84373 · ベストアンサー

var tdy = ((new Date).getMonth()+1)*100+(new Date).getDate();
var css = 'default';
if( tdy<300 || tdy>1200 ) css = 'winter';
if( 300<tdy && tdy<600 ) css = 'spring';
if( 600<tdy && tdy<900 ) css = 'summer';
if( 900<tdy && tdy<1200 ) css = 'autumn';
if(1209<tdy && tdy<1225) css = 'xmas';
if(1231==tdy && tdy<108) css = 'new_year';
alert('<link rel="stylesheet" type="text/css" href="css/back_'+css+'.css">');

お礼

アドバイスどころか完璧な回答ありがとうございます！
なるほど、getMonth()+1)*100がポイントですね。
前よりもずっとすっきりした上にいろいろ出来そうです。

ちゃんとalertを書き換えて使用します。
本当にありがとうございました！