在加载html页面之前由jquery预加载？

Question

我有一个两页，一个是index.html，另一个是page.html，还有一个loading.gif我想设置我的index.html以便加载gif。如果在与index.html的Internet连接之前没有加载Internet连接loading.gif。如果在5秒钟加载后连接到Internet，它将自动重定向到page.html。

我完全想用jquery来做。 请帮忙。

Answer 1

一旦加载，您就会在页面index.html上显示加载程序。

然后通过以下逻辑，您可以检查连接并编写重定向逻辑。

$.ajax({
    url: "page.html",
    timeout: 10000, //your time
    error: function(jqXHR) { 
        if(jqXHR.status==0) {
            alert(" fail to connect, please check your connection settings");
        }
    },
    success: function() {
        alert(" your connection is alright!");
        //redirect to page.html
    }
});