javascriptに関する質問です。(覚えたての初心者です)

Question

javascriptに関する質問です。(覚えたての初心者です)
ただいまホームページで、1分毎にiframe内のページを自動リロードさせているのですが、
これを、アクセスしたユーザーのローカルPC時間の0秒に合わせて自動リロード、に変更
したいと考えています。

具体的に申しますと、
自分で育てている野菜を紹介するホームページなのですが、今まではユーザーが訪問した
瞬間を「0秒目」と考えて、そこから60秒経ったら、大根→はくさい→野沢菜→きゅうり…と
iframe内のページを変更しておりました。

これを、「ユーザーのPC時計の0秒目に合わせてページを更新」させたいのです。
(理由は、「毎分でいろんな野菜をご紹介中！」とキャッチフレーズを付けているので
中途半端な時間よりも、ユーザーの時計に合わせたタイミングで写真を切り替えたいと
考えている為です）

現在、下記のようなjavascriptで表現しています。

<HTML>
<HEAD>
<TITLE>大根のご紹介！</TITLE>
<SCRIPT TYPE="text/javascript">

</SCRIPT>
</HEAD>
<BODY>
//大根の写真や紹介文など
</BODY>
</HTML>

これを、どのように変更すれば解決出来ますでしょうか？
インターネットで様々なサンプル集を見て回ったのですが、上記のような
「一定時間でリロード」という方法は載っているのですが、
「ユーザーのローカル時計が0秒になったらリロード」というサンプルを
見つける事が出来ませんでした…

もし宜しければ、サンプルが載っているサイト様をご紹介頂くだけでも構いません。
それでは何卒宜しくお願い致します。

karumakaruma · Accepted Answer

毎分０秒に合わせる為に１秒毎にチェックを入れると
重くなりますので、開いた際に現在秒を取って
それが６０秒になる際にリロードをする方がいいのでは
ないでしょうか。

function ReloadAddr(){
window.location.reload();
}
now = new Date();
sec = now.getSeconds();
var inter = 60 - sec;

setTimeout(ReloadAddr, inter*1000);

未テスト＆＃１さんの処理を流用

また、iframe内ページの表示を制御する場合は
親からiframe内ページに対して制御を行う方がいいように思います。

親から制御する場合は、同様に最初に現在秒を取って
６０秒になる時にiframe内をリロードし、あとは60秒おきに
リロードすればほぼ０秒にリロードさせる事は可能です。

function ReloadiAddr(){
document.iframe名.location.reload();
}
now = new Date();
sec = now.getSeconds();
var inter = 60 - sec;
setTimeout( function(){
ReloadiAddr();
setInterval(ReloadiAddr, 60000);
}, inter*1000);

こんな感じでしょうか。
iframeの呼び出し方どうだったろうか・・・
document.iframe名.****でいけたはず

同じく未テスト

まぁ、イメージではこんな感じです。

MRT1452 · Answer

単に思いつきで書きますが。

・時間間隔を1分→1秒

・実動関数内で秒を取得(getSeconds())
・ifで秒が０かチェックし、0ならばwindow.location.reload();を呼び出す。

スクリプトが頻繁に動く事になりますが、秒を確認するのであれば、毎秒チェックする形にしないと、取れないかと。

現在の内容ではチェックできる最小の時間単位は分なので。




var jikan = "1000";
var ldate;
var sec;
function ReloadAddr(){
　ldate= new Date();     ←現日時の取得
　sec = ldate.getSeconds();　　←秒の取得
　if (sec == 0){　　←０秒チェック
　　window.location.reload();
　}
}
setTimeout(ReloadAddr, jikan);

※文法チェック、テスト等は全くしてません。

javascriptに関する質問です。(覚えたての初心者です)

毎分０秒に合わせる為に１秒毎にチェックを入れると

この回答への補足

単に思いつきで書きますが。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング