Hoppa till innehållet
CONTENT · FREE

Countdown

Räkna ner till en lansering, en deadline eller ett erbjudande.

Räkna ner till en lansering, en deadline eller ett erbjudande och kör din kod när tiden är nådd.

Varför det hjälper

  • Räknar ner
  • Händelse vid slut
  • Enkel

Var det passar

  • Lanseringar
  • Erbjudanden
  • Deadlines
Kontrollen Countdown på en RayCraft-sida

Exempel

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

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation