javascript - Javascript旋转等待沙漏型的东西

Question

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

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

无论如何，你把那个旋转的东西叫做什么？

Answer 1

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

这是一个帮助您入门的链接。

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

rp

Answer 2

这个网站会为你做：

ajax加载

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

Answer 3

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

Answer 4

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

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