Javascript 旋转等待沙漏型的东西

Question

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

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

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

Answer 1

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

这是 一个链接 让您开始。

有了图像，使用 JQuery 切换图像（或者可能是其父 DIV 标签）的可见性。看 这个链接 了解更多信息。

RP

Answer 2

这个网站将为您做：

阿贾克斯负载

在 OS X 上它被称为“Beachball”，我喜欢添加“Of Death”。

Answer 3

http://preloaders.net/en/letters_numbers_words 很好，左侧菜单下有很多类别，提供的内容比 http://ajaxload.info 确实如此，加上尺寸和背景选项......ajaxload 这些天看起来相当过时了。

Answer 4

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

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