Javascript旋转等待沙漏型的东西

Question

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

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

无论如何,你称之为旋转的东西？

Answer 1

Google Ajax活动指示器可以找到大量图像和图像生成器("旋转"图像本身就是一个动画GIF).

这是一个可以帮助您入门的链接.

掌握图像后,使用JQuery切换图像的可见性(或者可能是其父DIV标记).有关更多信息,请参阅此链接.

RP

Answer 2

这个网站将为您做到:

ajaxload

在OS X上,它被称为"Beachball",我想添加"Of Death".