ベストアンサー

毎日午前0時にhtmlを切り替えたいです

2011/04/15 17:58

a.htmlとb.htmlを作成しておき、毎日午前0時になったら自動で切り替えるようにしたいです。どなたか教えてください。よろしくお願いいたします。

ichigo-tounyu
お礼率87% (14/16)

JavaScript
回答数7
ありがとう数8

みんなの回答 （7）
専門家の回答

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

ベストアンサー

babu_baboo
ベストアンサー率51% (268/525)

2011/04/25 16:16 回答No.7

遅くなった。ところで、あなたのやりたいことが、できたでしょうか？あまり説明などするタイプの人ではないので、これ以上はご勘弁。さて、１日おきでページを切り替える場合何を基準にするかです。暦の奇数日と偶数日で切り替えようとすると、３１日と翌月の１日では、連続で奇数日が表示されますね。そこでここでは、Date オブジェクトを使いました。 JavaScript の Date オブジェクトは、標準時の1970年1月1日0時0分0秒から経過時間をmsで記憶しています。なので、その値を１日の長さ（86400000ミリ秒）で割ると、1970年から何日経過しているかわかります。さらにそれを２で割って余りを求めます。その結果が１ならば、経過日数が奇数で、０ならば偶数日経過していることになります。 if 文に使われた比較式は、奇数日か偶数日なのかしか判断しません。そして、またもやらかした！ if (((t+34200000||0)/86400000|0)%2) location.href = 'b.html'; +と-を間違えた！申し訳ない。ごめんなさい

質問者

お礼 2011/04/26 08:47

長々とお付き合いくださって本当にありがとうございました！！！回答も丁寧に説明してくださってとても感謝しております。ほんとうにありがとうございました。今後もいろいろと勉強していきたいとおもいます。今回はお世話になりました。ありがとうござました！

その他の回答 (6)

babu_baboo
ベストアンサー率51% (268/525)

2011/04/22 08:57 回答No.6

> 本来はどういった手法でやるものなのでしょうか？サーバー側で処理すべきです。 JavaScriptは、サーバーではなくパソコン側で実行されます。現状 1. パソコン側が、a.html をサーバー側に要求します。 2. サーバ側が、a.html を送信します。 3. スクリプトが日付を判断して、b.htmlを要求します。 4. サーバ側が、b.html を送信します。結果 a.html の送受信が無駄になります。解決策 a.html の要求があったとき、サーバー側で、日付を判断して適当なファイルを送信する具体策 1. 日付が変わるとき、サーバー側のプログラムで、a.html と b.html の中身を交換する　　cron を参照 2. a.htmlの要求があったとき、日付を判断して適当なファイルを送信する　　サーバー側で動くperl or php 言語などを参照

質問者

お礼 2011/04/22 17:36

なるほど・・・プログラムのわからないわたしにも分かりやすいご回答ありがとうございます！！！今回のサーバはECサイトでPHPが使えなかったので教えていただいたやり方でやろうと思っています。１点確認させていただけますでしょうか。毎日０時にa.htmlからb.htmlに切り替える際に、何時までa.htmlにアクセスするとb.htmlに飛ばされますでしょうか。昨日の夕方に設定をして、今朝確認をしてみたらa.htmlの表示のままになってしまったのでもしかして終了時間があるのかと思い、最後のご質問をさせていただきました。

babu_baboo
ベストアンサー率51% (268/525)

2011/04/21 11:59 回答No.5

けんしょうするために１にちもまつの？ 86400000 = 24(じかん)×60(ふん)×60(びょう)×1000() なので、1じかんおきなら 3600000 でわると、１じかんおきになるよ１じかんもまてないなら、60000 でどう？１ふんおき。でもこういうものは、すくりぷとでやるものじゃないよ。

質問者

お礼 2011/04/21 14:48

60000で検証してみます！ありがとうございます！！何も分からなくてすみません。。そうなんですね！本来はどういった手法でやるものなのでしょうか？プログラムに弱くてすぐにjavascriptかなと思ってしまったのですがっ・・・お時間のあるときでよいので教えてくださいませんでしょうか。

babu_baboo
ベストアンサー率51% (268/525)

2011/04/21 10:44 回答No.4

あ～ごめん、きたいしているのは、にほんじかんだよねなので、 if (((t||0)/86400000|0)%2) location.href = 'b.html'; を if (((t-34200000||0)/86400000|0)%2) location.href = 'b.html'; にでもしようか。 9時間30分ずれてるから if (true) location.href = 'b.html'; としたとき、b.html がひらくよね？

質問者

お礼 2011/04/21 11:13

ご丁寧にありがとうございます！さっそく教えていただいたように修正してみます。明日再度確認いたしますね。たびたびの質問に答えてくださってありがとうございます！！！！

質問者

補足 2011/04/21 11:19

if (true) location.href = 'b.html'; にしたときはb.htmlが開きました！すごいです！翌日はa.htmlを変更しておけば交互に変わる、という認識であっていますでしょうか。

babu_baboo
ベストアンサー率51% (268/525)

2011/04/20 11:27 回答No.3

a.html のへっどぶぶんに、いかのようにかく（XMLHttpRequestがつかえることがじょうけんだけど）さーばのじかんをしゅとくしてる <!DOCTYPE html> <head> <script type="text/javascript"> function t(r){return (r=new XMLHttpRequest)?(r.open('HEAD','#',false),r.send(null),new Date(r.getResponseHeader('Date'))):null} if (((t||0)/86400000|0)%2) location.href = 'b.html'; </script> </head>

質問者

お礼 2011/04/20 12:06

ご回答ありがとうございます！！！早速サンプル作ってみますね！

質問者

補足 2011/04/21 08:45

昨日教えていただいたようにサンプルを作ってサーバにあげて、今朝a.htmlのURLで見てみたのですが変わっていませんでした。何かやり方違っていますでしょうか。お手数ですが教えてください。よろしくお願いいたします。

reggaepunc
ベストアンサー率59% (64/108)

2011/04/16 23:51 回答No.2

これで出来ますよ。 ---------------------------- <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="output"></div> <script type="text/javascript"> var output = document.getElementById('output'); var date = new Date(); var hour = date.getHours(); // 分岐処理 if( 0 <= hour ) { output.innerHTML = 'A'; } else { output.innerHTML = 'B'; } </script> </body> </html> ------------------------------------ まぁ、このままだと機能しない気がしますが。「0時から何時まで、↑のスクリプトを実行するか。」という処理も追加しないと駄目かと思います。

質問者