みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

時間ごとに異なるページを表示させたい

今、ホームページを作成しています。
朝、夜で違うページを表示させたいのですが、どうしてもうまくいきません。
記述したタグを書きますので、どなたかアドバイスいただけないでしょうか?

●朝(7時~17時)→index.html
●夜(17時~翌朝7時)→index2.html

上記の時間帯で、異なるページを表示したいです。

あと、初心者なのでこんな事をお尋ねして申し訳ないのですが、指示する
Javascriptは、index.htmlだけのscriptsタグ内に記述するものでしょうか?
それとも、index2.htmlにも記述するべきですか?

いろいろ検索して試してみましたが、どうしてもうまくいきませんでした。
アドバイスよろしくお願いします。

***************************************************************

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>ああああああ</title>
<meta http-equiv="refresh" content="5;URL=http://www.aaa.co.jp/top.html">
<meta name="robots" content="all" />
<meta name="keywords" content="ああ,いい" />
<meta name="description" content="ううえええおお。" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<link href="common/text.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {
font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 10;
}
-->
</style>
<script language = "JavaScript">
<!-- Begin -------------------

var d=new Date();
var h=d.getHours();

if(h>=0) {
if(h<7) { location = "http://www.aaa.co.jp/index2.htm";}
else{
if(h<17) { location = "http://www.aaa.co.jp/index.htm";}
else{
if(h<23) { location = "http://www.aaa.co.jp/index2.htm";}
}}}}}}}}}}}}}}}}}}}}}}
}
// -- End -------------- -->
</script></head>

投稿日時 - 2009-10-05 22:22:15

QNo.5344752

すぐに回答ほしいです

質問者が選んだベストアンサー

スクリプトは index.html にも index2.html にも入れたほうがいいです。そうすれば日中、お気に入りや履歴から index2.html に行っても index.htm に転送できますから。

//index.html に書く場合:
var d=new Date();
var h=d.getHours();
if( (h > 16) || (h < 7) ) location = "index2.htm";

//index2.html に書く場合:
var d=new Date();
var h=d.getHours();
if( (h < 17) && (h > 6) ) location = "index.htm";

//それ以外のページに書く場合:
var d=new Date();
var h=d.getHours();
if( (h > 16) || (h < 7)) location = "index2.htm";
else location = "index.htm";

※一部URLを変更しました。

投稿日時 - 2009-10-07 20:40:39

お礼

お返事が遅くなり、申し訳ございません。

アドバイスいただいたとおりに修正してみたところ、
無事希望どおりに動作いたしました。
こんな数行で動くものなのですね。

本当にありがとうございました。
大変感謝しております。

投稿日時 - 2009-10-09 23:40:22

ANo.2

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

CGIが使える環境ならCGIの方が確実でしょう。
http://www.ace-cgi.jp/cgi/asobi/pocket/index.html
等・・・
此方の方が確実です。

投稿日時 - 2009-10-05 23:20:37

お礼

ご回答ありがとうございました。
ファイルをダウンロードして、修正してみたのですが、
CGIのアップロードができませんでした。。。

申し訳ございませんが、Javascriptでアドバイスを
いただけないでしょうか?

よろしくお願いします。

投稿日時 - 2009-10-06 20:04:01

あなたにオススメの質問