Template:Timer

Displays a countdown timer.

Parameters

• time or [1] : time to countdown to, required.
• countup : boolean. Timer counts upwards if chosen date has passed. Will override/disregard class & [2].
• short : boolean. Timer text is changed to single letters, e.g. "Days" becomes "d".
• class : specify when multiple timers are used on the page, countdownComplete1 by default, e.g., countdownComplete2 for a second timer, etc.
  • [2] : alternatively, to only specify a number, e.g. 2 for a second timer.
• text : optional completion text, Countdown complete! by default. Used at end of timer text for countup.
• style : custom style, optional.
• extra_style : extra style to add to the default style, optional.

See MediaWiki:Gadget-Countdown.js for JS implementation details.

Examples

{{Timer|January 1 2023 00:00:00 +0900|extra_style = text-align:left}}

January 1 2023 00:00:00 +0900 Countdown complete!

{{Timer|January 1 2030 00:00:00 +0900|2|style = font-style:italic|text = Not yet.}}

January 1 2030 00:00:00 +0900 Not yet.

{{Timer|January 19 2038 12:14:07 +0900|3|style = font-weight:bold|text = The time is now!}}

January 19 2038 12:14:07 +0900 The time is now!

{{Timer|January 29 2042 12:17:04 +0900|3|style = font-weight:bold|short=true|text = The time is now short!}}

January 29 2042 12:17:04 +0900 The time is now short!

countup Examples

{{Timer|January 1 2020 00:00:00 +0900|countup=true|extra_style = text-align:left}}

January 1 2020 00:00:00 +0900

{{Timer|January 1 1980 00:00:00 +0900|countup=true|style = font-style:italic|text = ago}}

January 1 1980 00:00:00 +0900 ago

{{Timer|January 1 1970 00:00:00 +0900|countup=true|style = font-weight:bold|short=true|text = in the past}}

January 1 1970 00:00:00 +0900 in the past

{{Timer|January 19 2038 12:14:07 +0900|countup=true|style = font-weight:bold|text =. Still counts down normally for future dates.}}

January 19 2038 12:14:07 +0900 . Still counts down normally for future dates.