Countdown

Countdown gives you a transition effect of changing numbers.

You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99.
Class name
Type
countdown Component Container element
# Countdown
# Large text
# Clock countdown
h m s
# Clock countdown with colons
: :
# Large text with labels
days
hours
minutes
sec
# Large text with labels under
days
hours
min
sec
# In boxes
days
hours
min
sec
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
daisyUI store

New template: SaaS Landing page

Available on daisyUI store

More details