Cargas

Demora

Gratis

Decide cuándo enseñar la carga: nada, esqueleto o aviso

Tres tarjetas piden datos a un servidor simulado con una latencia de 50 ms a 16 s. Con umbrales no sale nada por debajo de 300 ms, el esqueleto sale después y se queda al menos 500 ms, a los 4 s avisa con «Cancelar» y a los 15 s aborta la petición con su AbortController y ofrece «Reintentar»; en modo ingenuo cada carga rápida deja un parpadeo en naranja. Una línea de tiempo por tarjeta dibuja la espera, el indicador y el contenido, y el marcador de parpadeos se sella con un ✓ azul cuando es cero.

Qué incluye
index.html, demora.css, demora-nucleo.js, demora.js, README y licencia
Dependencias
Ninguna
¿La necesitas a tu medida? Conversemos

También hacemos páginas web completas

Probar en vivo

Más de Cargas

Ver todas

Tu carrito

Todavía no agregas animaciones.

Con el cupón descargas una animación a la vez; con el código de la comunidad, todas las que quieras juntas.