Naar de inhoud
CONTENT · FREE

Countdown

Tel af naar een lancering, een deadline of een aanbieding.

Tel af naar een lancering, een deadline of een aanbieding en voer je code uit wanneer het moment bereikt is.

Waarom het helpt

  • Telt af
  • Gebeurtenis aan het einde
  • Eenvoudig

Waar het past

  • Lanceringen
  • Aanbiedingen
  • Deadlines
Het besturingselement Countdown op een RayCraft-pagina

Voorbeeld

<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;
}

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie