アクセス時間帯別ランダムスタイルシート

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： むっほ ： 2007/02/10（土） 07:46  ID:y.v4G/.w sub-99
アクセス時間帯別での、ランダムスタイルシートです。
夜は、これと、これと、このスタイルシートをランダムに。
昼は、これと、これと、このスタイルシートをランダムに。

とできるように、


『アクセス時間を４つの時間帯に分け、その、それぞれの時間帯によって、外部スタイルシートがランダムに読み込まれる』
という外部Javascriptを書いてみたのですが。

なにぶん、超初心者でして…
大変恐縮ですが、プロの方々、文法チェックをお願いできますでしょうか？

m(_ _)m



//Ｓｃｒｉｐｔ----------------------------------------

myTime=(new Date()).getHours();
if(myTime>=5 && myTime<10){
　　function get_randomCssNum()
　　{
　　　　var ranCssNum= Math.floor(Math.random()*3);
　　　　return ranCssNum;
　　}

　　function getaCss()
　　{
　　　　var whichCss=get_randomCssNum();
　　var cssName=new Array(3)
　　　　　cssName[0]="<link rel='stylesheet' type='text/css' href='t1--style1.css'>";
　　　　　cssName[1]="<link rel='stylesheet' type='text/css' href='t1--style2.css'>";
　　　　　cssName[2]="<link rel='stylesheet' type='text/css' href='t1--style3.css'>";
　　　　　return cssName[whichCss]
　　}
　　　document.write(getaCss());
}else if(myTime>=10 && myTime<17){
if(myTime>=5 && myTime<10){
　　function get_randomCssNum()
　　{
　　　　var ranCssNum= Math.floor(Math.random()*3);
　　　　return ranCssNum;
　　}

　　function getaCss()
　　{
　　　　var whichCss=get_randomCssNum();
　　var cssName=new Array(3)
　　　　　cssName[0]="<link rel='stylesheet' type='text/css' href='t2--style1.css'>";
　　　　　cssName[1]="<link rel='stylesheet' type='text/css' href='t2--style2.css'>";
　　　　　cssName[2]="<link rel='stylesheet' type='text/css' href='t2--style3.css'>";
　　　　　return cssName[whichCss]
　　}
　　　document.write(getaCss());
}else if(myTime>=17 && myTime<23){
　　function get_randomCssNum()
　　{
　　　　var ranCssNum= Math.floor(Math.random()*3);
　　　　return ranCssNum;
　　}

　　function getaCss()
　　{
　　　　var whichCss=get_randomCssNum();
　　var cssName=new Array(3)
　　　　　cssName[0]="<link rel='stylesheet' type='text/css' href='t3--style1.css'>";
　　　　　cssName[1]="<link rel='stylesheet' type='text/css' href='t3--style2.css'>";
　　　　　cssName[2]="<link rel='stylesheet' type='text/css' href='t3--style3.css'>";
　　　　　return cssName[whichCss]
　　}
　　　document.write(getaCss());
}else if(myTime<5 || myTime>=23){
　　function get_randomCssNum()
　　{
　　　　var ranCssNum= Math.floor(Math.random()*3);
　　　　return ranCssNum;
　　}

　　function getaCss()
　　{
　　　　var whichCss=get_randomCssNum();
　　var cssName=new Array(3)
　　　　　cssName[0]="<link rel='stylesheet' type='text/css' href='t4--style1.css'>";
　　　　　cssName[1]="<link rel='stylesheet' type='text/css' href='t4--style2.css'>";
　　　　　cssName[2]="<link rel='stylesheet' type='text/css' href='t4--style3.css'>";
　　　　　return cssName[whichCss]
　　}
　　　document.write(getaCss());
}
1   名前： 元帥 ： 2007/02/10（土） 07:46  ［URL］  ID:QTA7m09/ sub-bK
こういう時は参考にしたURLを掲示した方が、回答者は素早く検証する事ができますよ。
http://www.designwalker.com/2006/12/random-css2.html
http://www.designwalker.com/sample/random-css/

function get_randomCssNum(){
 //var ranCssNum= Math.floor(Math.random()*4);
 var ranCssNum;
 var myTime=(new Date()).getHours();

 if(myTime>=5 && myTime<10){
  ranCssNum=0;
 }else if(myTime>=10 && myTime<17){
  ranCssNum=1;
 }else if(myTime>=17 && myTime<23){
  ranCssNum=2;
 }else{
  ranCssNum=3;
 }

 return ranCssNum;
}

function getaCss()
{
  var whichCss=get_randomCssNum();
  var cssName=new Array(4)
  cssName[0]="<link rel='stylesheet' type='text/css' href='t1--style1.css'>";
  cssName[1]="<link rel='stylesheet' type='text/css' href='t1--style2.css'>";
  cssName[2]="<link rel='stylesheet' type='text/css' href='t1--style3.css'>";
  cssName[3]="<link rel='stylesheet' type='text/css' href='t1--style4.css'>";
  return cssName[whichCss]
}
document.write(getaCss());

動作検証していません。
>>0は、用意すべきファイルの検討が多すぎましたので引用元に習いました。
t1--style*.css を用意して下さい（*は1〜4の整数値）。
2   名前： むっほ ： 2007/02/10（土） 07:46  ID:tP3fCqic sub-LN
元帥さん

ご丁寧にありがとうございます☆

このifの使い方だとすっきりしますねo(^-^)o

やはり↑最初↑のようなif使い方は文法的にも誤りがあるんでしょうか？？

試してみます！

一覧へ戻る