イヌでもわかるJavaScript講座
|
イヌでもわかるJavaScript講座
|
|
Step.56 - 時間帯で表示するページを変える
|
時間単位で違うページを表示します。 |
| Step テーマ ● とくになし |
実行例 |
リスト<script type="text/javascript"><!-- function myFunc(){ myRef = new Array(24); myRef[0]="am0.htm"; myRef[1]="am1.htm"; myRef[2]="am2.htm"; myRef[3]="am3.htm"; myRef[4]="am4.htm"; myRef[5]="am5.htm"; myRef[6]="am6.htm"; myRef[7]="am7.htm"; myRef[8]="am8.htm"; myRef[9]="am9.htm"; myRef[10]="am10.htm"; myRef[11]="am11.htm"; myRef[12]="pm0.htm"; myRef[13]="pm1.htm"; myRef[14]="pm2.htm"; myRef[15]="pm3.htm"; myRef[16]="pm4.htm"; myRef[17]="pm5.htm"; myRef[18]="pm6.htm"; myRef[19]="pm7.htm"; myRef[20]="pm8.htm"; myRef[21]="pm9.htm"; myRef[22]="pm10.htm"; myRef[23]="pm11.htm"; location.href = myRef[(new Date()).getHours()]; } // --></script> <FORM> <INPUT type="button" value="リンク" onclick="myFunc()"> </FORM> |
| サンプルだけの HTMLは こちらへ |
説明[Q] 時間帯で違うページにリンクしたいのですが [A] こんな感じ!? Step.2 の あいさつ文表示のサンプルを改造して、時間単位に違うページを表示します。 location.href = myRef[(new Date()).getHours()]; 午後１１時と、午前２時のみ、ページを変えるという場合は、 myHour = (new Date()).getHours(); if (myHour == 23) location.href = "pm11.htm"; else if (myHour == 2) location.href = "am2.htm"; else location.href = "normal.htm"; ってな 感じです。 |
 |