Countdown 1.2.0

Die Web Component <velin-countdown> zeigt einen laufenden Timer bis zu einem ISO-datetime-Ziel. Ideal für Launches, Eventseiten und Wartungsfenster. English: Countdown

Reifegrad: Dokumentiert als stabil in VelinStyle 1.2.0. Design Intelligence (Plan / Review / Agent-Meta) ist separat und Beta / Grundlage wo entsprechend angegeben.

Wann verwenden

Zeige die verbleibende Zeit bis zu einer Deadline mit <velin-countdown>.
Angebote, Sessions oder Ereignisse, bei denen ein Live-Timer das wichtigste Signal ist.

Wann nicht verwenden

Animierte Zahlenmetriken (Umsatz, Zähler) — use Zähler.
Unbestimmte Wartezust?nde — use Spinners.

Grundlagen

<velin-countdown datetime="2030-01-01T00:00:00Z"></velin-countdown>

Attribut

Attribut	Standard	Hinweise
`datetime`	—	ISO-8601-Ziel (erforderlich)
`show-days`	`true`	Set `false` to hide the days segment
`size`	—	`sm` or `lg`
`label-days` … `label-seconds`	Days/Hours/Min/Sec	Segmentbeschriftungen

Ereignisse

velin-countdown-end fires once when the timer reaches zero.

role="timer", aria-live="polite", aria-atomic="true".
aria-label summarizes remaining time for Screenreader.