准备好后重定向到页面

Question

网站的主页（比如http://mysite/main）有时很慢，我想创建一个index.html HTML页面，它执行以下操作

1. 显示一些启动图像。同时它试图获得http://mysite/main
2. 等待5秒
3. 如果http://mysite/main已准备就绪，请重定向到
4. 否则等到http://mysite/main准备就绪。

如何实现这个功能？它应该使用jQuery还是简单的iframe / js？

Answer 1

使用jquery：

你可以做的是让index.html有2个panel / div：

1）用于加载页面

2）实际内容http://mysite/main

在jquery中，你只会显示第一个面板.show（）直到执行.ready（），然后你隐藏第一个面板并显示第二个面板。

$("#first").show();
$("#second").load("http://mysite/main", function(){

setTimeout(
jQuery( document ).ready(function( $ ) {
    $("#first").hide();
    $("#second").show();
   }),300000);
});

最好根据http://smallenvelop.com/display-loading-icon-page-loads-completely/

使用加载图标