Discount Ninja
Search
K
Comment on page

Countdown Clock

The countdown clock helps express urgency. It is typically used in the Notification and Announcement Bar, inline with text.

Example

<la-dn-countdown-clock token="ABCD" icon="true" ends-on="2023-05-30T11:18:51+02:00" format="{m}[m] [2,0] [4,0] {\m}[s] [3,0]">
20 min 59 sec
</la-dn-countdown-clock>
<la-dn-countdown-clock token="ABCD" icon="true" ends-on="2023-05-30T11:18:51+02:00" format="{m}[m] [2,0] [4,0] {\m}[s] [3,0]" days="Tage" hours="Stunden" minutes="Minuten" seconds="Sekunden">
20 Minuten 59 Sekunden
</la-dn-countdown-clock>

Events

la:dn:countdown:clock:expired
This event is published by the component when the ends-on date is reached and the countdown clock timer hits zero.
The token of the offer is included.