如果页面加载失败，如何自动刷新？

Question

我想出了这些解决方案： 我的解决方案/期望： 放一个setTimeout（）。因此，如果页面仍然无法加载，在5秒内，我将重新加载（自动）页面。 看代码：

var time;
window.onload = function(){
    time = setTimeout(function(){ document.location.reload(); }, 5000);
};

$(document).ready(function(){
    clearTimeout(time);
});

我对此解决方案的问题是，即使页面已经加载，页面仍会重新加载。

如果页面已经加载，我想取消setTimeout，但上面的代码没有按预期工作。

有人可以帮助我，我真的需要这个论文。请帮忙。谢谢你。

Answer 1

这将有助于......文档本身具有readyState变量

var time;
window.onload = function() {
    time = setTimeout(function() {
        if (document.readyState === 'complete') {
            clearTimeout(time);
        } else {
            document.location.reload();
        }

    }, 5000);
};

Answer 2

而不是jQuery，像这样使用document.readyState：

var time;
window.onload = function(){
    time = setTimeout(function(){
        document.location.reload(); 
    }, 5000);
};

document.onreadystatechange = function() {
    if (document.readyState == "complete") {
        clearTimeout(time);
    }
}