Question

我想出了以下解决方案：

我的解决方案/期望：
输入setTimeout（）。因此，如果该页面仍然无法加载，则在5秒内，我将重新加载（自动）该页面。

参见代码：

import {Segment, Button,Label,Sticky,Grid,Container} from 'semantic-ui-react';
import React, {Component} from 'react';

const GeneralSupportSegment =() => (
    <Segment>
         <Label  ribbon color="blue"  size="large">Support</Label>
         <Button>contact us</Button>
    </Segment>
);

export default GeneralSupportSegment;

此问题的我的问题是，即使页面已经加载，页面仍将重新加载。

如果页面已经加载，我想取消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

像这样使用document.readyState代替jQuery：

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

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

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

2 个答案: