Saltar al contenido
CONTENT · FREE

Countdown

Cuenta atrás hasta un lanzamiento, una fecha límite o una oferta.

Cuenta atrás hasta un lanzamiento, una fecha límite o una oferta, y ejecuta tu código cuando se alcanza la hora.

Por qué ayuda

  • Cuenta atrás
  • Evento al terminar
  • Sencillo

Dónde encaja

  • Lanzamientos
  • Ofertas
  • Plazos
El control Countdown en una página de RayCraft

Ejemplo

<Countdown Target="_target" Label="Time until the event" OnFinished="@(() => _finished = true)" />
<Countdown Target="_soon" ShowDays="false" Label="Short countdown" OnFinished="@(() => _finished = true)" />
<span>@(_finished ? "A countdown finished." : "Counting down…")</span>

@code {
    private readonly DateTimeOffset _target = DateTimeOffset.Now.AddDays(2).AddHours(3);
    private readonly DateTimeOffset _soon = DateTimeOffset.Now.AddSeconds(20);
    private bool _finished;
}

Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles ยท Documentación