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

标签 javascript jquery html

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

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

如何实现该功能?应该使用 jQuery 还是简单的 iframe/js?

最佳答案

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

关于javascript - 准备好后重定向到页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30251434/

相关文章:

javascript - kendo.bind 抛出未捕获的类型错误 : Cannot read property 'replace' of undefined

javascript - 如何限制下拉值

Javascript array.length of elements 不适用于少于 2 个元素?

javascript - 如何使用 jQuery 或 Javascript 将按钮重定向到另一个页面

javascript - 停止从不同函数 onclick button2 调用 onclick button1 的递归函数

html - Chrome 错误 : skewed element looks pixelated

asp.net - 如何在 <td> 中制作 2 行

javascript - 如果按钮子级位于模式下的父类中,如何委托(delegate)事件

javascript - 从 polymer 元素返回简单值?

javascript - OOP 意义上的 jQuery/JavaScript 类继承