How long until your event starts?
The count down element is used to display the remaining time until a certain event. You can use to teaser announcements or remind the user when an event is starting.
Teaser upcoming announcements .
Remind users of an upcoming event.
When is the end of the world coming?
: Target date and time (time zones are UTC).
Label for the days (Default: Days, for translations)
: Text for hours (Default. Hours).
: Text for minutes (Default: Minutes)
: Text for seconds (Default: Seconds).
: Default a space sign
: Should the remaining hours be shown
: Should the remaining minutes be shown
: Should the remaining seconds be shown
Everything else can be configured with the general properties.
See it in action
Interactions and Accessibility
The countdown element is not interactive.
<div data-countdown="1893452340000" data-day-label="Days" data-hour-label="Hours" data-minute-label="Minutes" data-second-label="Seconds" data-separator=" " data-show-hours="true" data-show-seconds="true">3290 Days 8 Hours 34 Seconds</div>
Style / CSS Selectors
/* The Countdown Element */
Was this article helpful?
Yes, it answered my questions!
What is missing? How can we help you?
Imprint / Legal
You can unsubscribe at any time. For information about our privacy practices, please check the
Made with ❤ and Mame in the European Union.
Copyright (C) 2019 - 2021
. All Rights reserved.