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

Auto refresh a page based on user's selected timer interval

本文关键字:刷新 用户 选择 计时器      更新时间:2023-09-26

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

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

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

附言我熟悉 HTML,但对 JavaScript 很陌生

提前感谢!

在这里,我使用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();
}