Javascript spinning esperar reloj de arena de tipo de cosa

Question

Me gustaría indicar al usuario de una aplicación web que una larga tarea que se realiza.Érase una vez, este concepto se han comunicado al usuario a través de la visualización de un reloj de arena.Hoy en día, parece ser una película de dibujos animados círculo giratorio.(por ejemplo, cuando se carga una nueva pestaña en Firefox, o el arranque en Mac OS X.Coincidentemente, el desbordamiento de pila en el stackoverflow logotipo se parece a una cuarta parte de la circunferencia).

Hay una forma sencilla de crear este efecto con Javascript (en particular, JQuery)?Idealmente, me gustaría tener uno de estos pequeños hilanderos de elementos en una tabla, para indicar al usuario que el sistema está activo en el procesamiento de una tarea pendiente (es decir, que no se ha olvidado o bloqueado).(Por supuesto, me doy cuenta de que es posible que el back-end se ha estrellado y el front-end todavía se muestra como una animación de spinning cosa, es más por la psicológica propósito de que el usuario vea la actividad).

Y ¿cómo se llama que girar cosa, de todos modos?

Answer 1

Google Ajax indicador de actividad encontrar un montón de imágenes y la imagen de los generadores (el "giro" de la imagen en sí es un GIF animado).

Aquí es en uno de los enlaces para empezar.

Con la imagen en la mano, el uso de JQuery para alternar la visibilidad de la imagen (o tal vez su padre etiqueta DIV).Ver en este enlace para algo más de información.

rp

Answer 2

este sitio va a hacer por usted:

ajaxload

y en OS X es el llamado "Beachball" y me gustaría añadir "De la Muerte".

Answer 3

http://preloaders.net/en/letters_numbers_words es bonito y tiene un montón de categorías de abajo del menú de la izquierda, que ofrecen más de http://ajaxload.info hace, además de opciones de tamaño y el fondo...ajaxload se ve muy anticuado en estos días.

Answer 4

Supongo que significaba algo para indicar actividad de fondo durante una llamada Ajax.

Que tienden a tener una clase CSS que establece la imagen de fondo a un pequeño GIF animado, con relleno y posicionamiento (recuerde que a su vez background-repeat off) y, a continuación, agregar y quitar esa clase el uso de un par de JavaScript ayudantes de llamada cuando la llamada Ajax se inicia, y cuando la respuesta de devolución de llamada se ejecuta.