南河考研 Script 配給室
時間帯によってリンク先を振り分ける"Java Script篇"
「時間帯によって、リンク先のファイルを変更することができたら...。」という場合に最適です。
たとえば、aのファイルをおいているサーバーが、テレホーダイタイムなどの時間帯には混雑が激しく使いものにならない場合、bのファイルをおいている別のサーバーへ、その時間帯に限ってリンクしたい。または、内容やデザイン上の理由から、時間帯によって内容の違うページをみせたい。といったような利用方法が考えられます。
ここでは、Java Scriptを使ってリンクの振り分けを実現する方法を紹介します。
このスクリプトはMicrosoft Internet Explorer ver4.0xおよびNetscape Navigator ver2.0x〜ver4.0x等のブラウザで動作します。このスクリプトは、CGI使用に制限がかかっているようなサーバーしか使えないような環境下でリンクの振り分けを実行したいときに、役に立つことでしょう。Java Scriptに関する基本的な技術については省きますので、Java Scriptを取り扱ったサイトや書籍などでご確認ください。
●下記のスクリプトは、時間帯によって、２つのページへのリンクを切り替える仕様になっています。
<HTML>
<HEAD>
<TITLE>時刻別振り分けリンク</TITLE>
<!--時刻別振り分けリンクver1.0a// -->
<!--作成 Msahito.Hamba 調整・改造 Takashi.Ueda// -->
<SCRIPT TYPE="text/javascript">
<!--
function warp(t){
if (t<=2) { location.href="http://xxx.xxx.xx.xx/%7exxx/xxxb.html"; }
else {
if (t<=22){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxa.html"; }
else {
if (t<=23){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxb.html"; }
}
}
}
// -->
</SCRIPT>
<SCRIPT TYPE="text/javascript">
<!--
h = new Date();
document.write("<body bgcolor='#111111' onLoad='warp(h.getHours())' >");
// -->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
上のスクリプトをコピーして、任意のhtmlファイルにはりつけてください。スクリプトは<HEAD></HEAD>内に置いてください。
各設定箇所を書き換えてご使用ください。
ここでは、$dayと$nightの２つのページへの自動リロードを設定しています。
(t<=2)は"0時0分〜2時59分"を、(t<=22)は"3時0分〜22時59分"を、(t<=23)は"23時0分〜23時59分"を指定しており、クライアントサイドの時刻にしたがい、その右側に記述したURLへジャンプします。
●下記のスクリプトは、時間帯ごとに24の異なったページへリンクを切り替える仕様になっています。
動作サンプルはこちらです。
<HTML>
<HEAD>
<TITLE>時刻別振り分けリンク</TITLE>
<!--時刻別振り分けリンクver1.0b// -->
<!--作成 Msahito.Hamba 調整・改造 Takashi.Ueda// -->
<SCRIPT TYPE="text/javascript">
<!--
function warp(t){
if (t<=0){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxa.html"; }
else {
if (t<=1){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxb.html"; }
else {
if (t<=2){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxc.html"; }
else {
if (t<=3){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxd.html"; }
else {
if (t<=4){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxe.html"; }
else {
if (t<=5){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=6){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=7){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=8){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=9){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=10){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=11){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=12){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=13){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=14){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=15){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=16){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=17){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=18){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=19){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=20){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=21){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=22){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
else {
if (t<=23){ location.href="http://xxx.xxx.xx.xx/%7exxx/xxxf.html"; }
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
// -->
</SCRIPT>
<SCRIPT TYPE="text/javascript">
<!--
h = new Date();
document.write("<body bgcolor='#111111' onLoad='warp(h.getHours())' >");
// -->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
上のスクリプトをコピーして、任意のhtmlファイルにはりつけてください。スクリプトは<HEAD></HEAD>内に置いてください。
各設定箇所を書き換えてご使用ください。
ここでは、$dayと$nightの２つのページへの自動リロードを設定しています。
(t<=2)は"0時0分〜2時59分"を、(t<=22)は"3時0分〜22時59分"を、(t<=23)は"23時0分〜23時59分"を指定しており、クライアントサイドの時刻にしたがい、その右側に記述したURLへジャンプします。
top of this page
