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

Question

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

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

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

ps 我熟悉 HTML，但对 javascript 很陌生

提前致谢！

Answer 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();
}