Faça a contagem regressiva até um lançamento, um prazo ou uma oferta e execute seu código quando a hora chegar.
Por que ajuda
- Conta regressivamente
- Evento ao terminar
- Simples
Onde se encaixa
- Lançamentos
- Ofertas
- Prazos
Exemplo
<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;
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.