Aller au contenu
CONTENT · FREE

Countdown

Comptez à rebours jusqu’à un lancement, une échéance ou une offre.

Comptez à rebours jusqu’à un lancement, une échéance ou une offre, et exécutez votre code quand l’heure est atteinte.

Pourquoi c’est utile

  • Compte à rebours
  • Événement à la fin
  • Simple

Où il trouve sa place

  • Lancements
  • Offres
  • Échéances
Le contrôle Countdown dans une page RayCraft

Exemple

<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.

Tous les contrôles ยท Documentation