Countdown: Flip-Clock Countdown For Any Target Date

The Countdown widget shows a flip-clock style countdown to a configurable target date and time, with days, hours, minutes and seconds. Timezone and DST are handled automatically, and colors, language and layout are fully configurable.

Configuration

All parameters are set through any CMS that can read config.xml, here shown in Garlic-Hub.

Countdown widget configuration dialog in the Garlic-Hub Playlist Composer with target, timezone, language and color fields
Setting up the Countdown widget in Garlic-Hub's Playlist Composer
Countdown widget configuration dialog in the Garlic-Hub Playlist Composer with target, timezone, language and color fields
ParameterDefaultDescription
target2026-12-31 00:00Target date/time, format YYYY-MM-DD HH:MM. Mandatory
timezoneEurope/BerlinIANA timezone, e.g. Europe/Berlin, America/New_York. Empty uses the player’s timezone
languagedeLegend language: German, English, Spanish, Greek, French, Russian
bgcolor#10151BBackground color
cardcolor#1F2731Flip card color
digitcolor#FFFFFFDigit font color
labelcolor#8FA0B3Legend color (days/hours/minutes/seconds)

DST is handled automatically based on the timezone parameter.

Preview

Countdown widget showing days, hours, minutes and seconds in a flip-clock layout
Flip Countdown widget
Countdown widget showing days, hours, minutes and seconds in a flip-clock layout

SMIL Example

<ref src="Countdown.wgt">
  <param name="target"   value="2026-12-31 00:00"/>
  <param name="timezone" value="Europe/Berlin"/>
  <param name="language" value="de"/>
</ref>

Download

Download Countdown Widget