Hopp til innholdet
CONTENT · FREE

Countdown

Tell ned til en lansering, en frist eller et tilbud.

Tell ned til en lansering, en frist eller et tilbud og kjør koden din når tiden er nådd.

Hvorfor det hjelper

  • Teller ned
  • Hendelse ved slutt
  • Enkel

Hvor det passer

  • Lanseringer
  • 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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon