Gå til indholdet
CONTENT · FREE

Countdown

Tæl ned til en lancering, en frist eller et tilbud.

Tæl ned til en lancering, en frist eller et tilbud, og kør din kode, når tiden er nået.

Hvorfor det hjælper

  • Tæller ned
  • Hændelse ved afslutning
  • Enkel

Hvor det passer

  • Lanceringer
  • Tilbud
  • Frister
Kontrollen Countdown på en RayCraft-side

Eksempel

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

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation