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

时间:2012-06-27 05:33:29

标签: javascript refresh reload intervals

我尝试使用谷歌搜索,我似乎无法找到解决方案/脚本。

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

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

P.S。我熟悉HTML但是javascript新手

提前致谢!

1 个答案:

答案 0 :(得分:0)

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