javascript - 准备好后重定向到页面

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个面板/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/使用加载图标