网页加载文本[关闭]答案

【问题标题】：Web page loading text [closed]网页加载文本[关闭]
【发布时间】：2013-07-21 16:06:52
【问题描述】：

也许这个问题是以前的问题，但我无法找到满足我需求的相关答案。我要问的是人们如何加载文本，例如文本是灰色的，从左到右它在页面加载时变成白色。当它到达结尾时 - 页面被加载并显示页面。微调器也是如此...或者另一个示例是如何使页面显示加载 0%、1% - 100% 以及当它是 100% 页面加载时...实现此目的的最佳方法是什么？

谢谢。

【问题讨论】：

创建这样的脚本很困难，并且不能由 javascript 本身完成。如果您见过这样的进度条，它很可能是用 Flash 编写的。
这些答案至少会帮助你建立酒吧本身；正如 Optimus 指出的那样，知道页面加载的百分比将需要其他技术。看到这个问题：stackoverflow.com/questions/10007212/…

标签： jquery html css ajax

【解决方案1】：

这里的一些 cmets 说如果没有 Flash 就不可能做到这一点，但我以前见过用纯 html 做到这一点。它在复杂的演示/可视化应用程序和网络应用程序中很常见。

诀窍是页面正常加载，然后一些 JavaScript 代码启动以将所有图像和其他资源预加载到缓存中。您可以使用 JavaScript 监控进度并在执行此操作时更新进度条。

本文仅讨论缓存图像，但末尾的第一条评论链接到有关缓存其他资源的文章：

http://www.useragentman.com/blog/2012/01/16/caching-images-with-javascript-and-html5-progress-bars/

如果页面通过 AJAX 请求加载其大量内容，我也看到这样做了很多。如果您还没有通过 AJAX 加载页面的某些部分，那么要启用此功能需要对您的站点进行相当大的结构更改。如果您使用 ajax，那么您可以发送请求，设置要显示的微调器动画，然后有一个“ajax 请求完成”回调，它将删除微调器并说“完成！”。不过，这不像进度条选项那样具有交互性。

最后你可以做一个非常基本的版本，我想通过在<body> 之后添加一些来隐藏页面，然后在 jquery 就绪事件中你可以淡出隐藏内容的 div。没有交互式进度条，但我认为这可行。

【讨论】：

谢谢，这就是我要找的...