Javascript旋转等待沙漏型的东西答案

【问题标题】：Javascript spinning wait hourglass-type thingJavascript旋转等待沙漏型的东西
【发布时间】：2010-09-07 15:45:34
【问题描述】：

我想向网络应用程序的用户表明正在执行一项长时间运行的任务。曾几何时，这个概念会通过显示一个沙漏来传达给用户。如今，它似乎是一个动画旋转的圆圈。（例如，当您在 Firefox 中加载新选项卡时，或在 Mac OS X 中启动时。巧合的是，stackoverflow 徽标中溢出的堆栈看起来像圆的四分之一）。

有没有一种简单的方法可以使用 Javascript（特别是 JQuery）来创建这种效果？理想情况下，我希望将这些小微调器中的一个作为表格中的元素，以向用户表明系统仍在处理待处理的任务（即它没有忘记或崩溃）。（当然，我意识到有可能后端已经崩溃，而前端仍然显示为动画旋转的东西，这更多是为了用户看到活动的心理目的）。

你怎么称呼那个旋转的东西？

【问题讨论】：

标签： javascript jquery

【解决方案1】：

Google Ajax 活动指示器 可以找到大量图像和图像生成器（“旋转”图像本身就是一个动画 GIF）。

这里是one link，可以帮助您入门。

有了图像，使用 JQuery 来切换图像（或者它的父 DIV 标记）的可见性。有关更多信息，请参阅this link。

【讨论】：

【解决方案2】：

这个网站会为你做的：

ajaxload

在 OS X 上它被称为“沙滩球”，我喜欢添加“死亡”。

【讨论】：

在启动或关闭 OS X 时不会。

【解决方案3】：

http://preloaders.net/en/letters_numbers_words 很好，左侧菜单中有很多类别，比http://ajaxload.info 提供的更多，还有大小和背景选项...这些天 ajaxload 看起来已经过时了。

【讨论】：

Preloaders.net 不再免费，至少对于商业用途而言。在撰写本文时，他们也只有有限数量的免费非商业选项。

【解决方案4】：

我假设您的意思是在 Ajax 调用期间指示后台活动。

我倾向于有一个 CSS 类，它将背景图像设置为一个小动画 GIF，具有适当的填充和定位（记得关闭背景重复），然后使用几个名为的 JavaScript 助手添加和删除该类Ajax 调用何时启动，以及响应回调何时运行。

【讨论】：