web-dev-qa-db-ja.com

タイマーでブラウザのHTMLページを自動的に更新-15分ごと

15分ごとなど、タイマーでWebサイトを自動的に更新することはできますか？基本的に、私たちはWebサイトを更新し、それを自動的に更新して、別のコンピューターから制御されている大きなモニターに表示されるようにします。

そのため、変更が加えられたときに他のコンピューターに移動して[更新]をクリックする代わりに、自動的に更新されるので、その状態を維持できます。

ありがとう！

htmlajaxbrowserrefresh
16
Drew

これを<head> 900秒後にページを更新するには：

<meta http-equiv="refresh" content="900"> <!-- Refresh every 15 minutes -->

その価値については、 w3cはこの機能を正式に廃止予定です ですが、ブラウザは引き続きこの機能をサポートしています。あなたの目的にとって、これは理想的なソリューションです。これは、「公開」（www）向けのWebサイトにはもはや推奨されるソリューションではありません。

36
ckittel

これを行うためにjsも必要ありません！更新メタタグを見てください。 http://webdesign.about.com/od/metataglibraries/a/aa080300a.htm これを使用して、任意の間隔でページを更新できます。

3
box86rowh
window.setTimeout(function(){
//refresh the page after 900,000 miliseconds (15 minutes)


//reload the page (javascript has many ways of doing this)
location.reload();
},900000);

それは役立つはずです。

3
www139

更新メタタグは、Webページの情報を更新するためのより簡単なソリューションですが、かなり古く、時代遅れのソリューションでもあります。

たとえば、マップビューをパンするときに、Googleマップがページ全体を更新する必要があるとします。 ajaxが出てくるところがあり、たとえば this のようにオンラインで多くの情報を見つけることができます。

私はあなたの意図が具体的に何であるかはわかりませんが、この背景情報を提供したかったのですが、更新だけが本当に必要な場合、box86rowhとckittelで十分です。

2
jasoares

クエリ文字列でURLを渡し、それをフレームにロードする

ソース：javascriptkit.com

<script>
<!--
should range from 0 to 59
var limit="0:30"
if (document.images){
    var parselimit = limit.split(":")
    parselimit = parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
    if (!document.images)
        return
    if (parselimit == 1)
        window.location.reload()
    else{ 
        parselimit -= 1
        curmin = Math.floor(parselimit/60)
        cursec = parselimit%60
        if (curmin!=0)
            curtime = curmin+" minutes and "+cursec+" seconds left until page refresh!"
        else
            curtime = cursec+" seconds left until page refresh!"
        window.status = curtime
        setTimeout("beginrefresh()",200)
    }
}

 window.onload = beginrefresh
 //-->
</script>
</head>
<body>
<iframe src="" id="refreshResults" frameborder="0" width="1800" height="1800"></iframe>

<script>

    var http = new XMLHttpRequest();

    $(function(){
        $("#refreshResults").attr('src','<%=Request.Querystring("w")%>');
    });

</script>
1
tree

これは役に立ちます。あなたはそれを試すことができると思います

<meta http-equiv="refresh" content="1">
0
Vincent Omondi