根据用户选择的计时器间隔自动刷新页面答案

【问题标题】：Auto refresh a page based on user's selected timer interval根据用户选择的计时器间隔自动刷新页面
【发布时间】：2012-06-27 05:33:28
【问题描述】：

我试过用谷歌搜索，但似乎找不到解决方案/脚本。

我希望用户能够选择页面重新加载的频率。

例如... 该网站分为两个 iframe。顶部 iframe 允许用户输入/选择“页面将每 __ 秒重新加载一次”。底部的 iframe 是实际的网站，它会根据用户设置的时间间隔重新加载。

附言我熟悉 HTML，但对 javascript 很陌生

提前致谢！

【问题讨论】：

为什么要以指定的时间间隔刷新页面？目的是什么？

标签： javascript refresh reload intervals

【解决方案1】：

这里我使用 jQuery 和 javascript 来自动更新页面。在 update() 函数中，我使用 AJAX，它能够从 URL 发送接收数据，然后您可以使用 var xmlhttp.responseText 输出该数据

var time = //what the user has selected for when the update should happen
setInterval(function() {
    update();
}, time);
function update() {
    var xmlhttp;
    if(window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    } else {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=
        function() {
            if(xmlhttp.readyState==4 && xmlhttp.status==200) {
                if(xmlhttp.responseText != $('body').val()) {
                    $('body').html(xmlhttp.responseText).fadeIn(500);
                }
            }
        }
    xmlhttp.open("GET","your_url_to_get_the_updated_page.php",true);
    xmlhttp.send();
}

【讨论】：