Zum Inhalt springen
CONTENT · FREE

Countdown

Herunterzählen bis zu einem Start, einer Frist oder einem Angebot.

Zählen Sie bis zu einem Start, einer Frist oder einem Angebot herunter und führen Sie Ihren Code aus, wenn die Zeit erreicht ist.

Warum es hilft

  • Zählt herunter
  • Ereignis am Ende
  • Einfach

Wo es passt

  • Starts
  • Angebote
  • Fristen
Das Steuerelement Countdown auf einer RayCraft-Seite

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.

Alle Steuerelemente ยท Dokumentation