主页,例如 http://mysite/main ,网站有时很慢,我想创建一个 index.html HTML 页面,它执行以下操作
- 它显示了一些启动图像。同时它尝试获取 http://mysite/main
- 等待 5 秒
- 如果http://mysite/main已准备就绪,重定向到它
- 否则请等到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/