Countdown clock help
I want to make a countdown clock on css, how do i do this
6 Replies
Pretty sure JS is required.
Stack Overflow
How to create a circular countdown timer using HTML, CSS or JavaScr...
Currently, I am working on a quiz game and in that, for each question, I wish to place a countdown timer. I got some plugins, but I wish if I could create it myself. What I am trying to create looks
this
and the obove will do for a similar result
This would be really difficult to accomplish in css. It wouldn't be dynamic . You'd have to set up the custom property, use in a pseudo element content property and define each keyframe to count down every second. You may be able to use scss to write a loop.
Could also use PUG in your html file to write the loop but it's still js
Would be much easier to use a script tag in your html or link to a separate js file instead.