Skip to content

ExploudYourEar/countdownTimer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

countdownTimer

countdown timer using animate.css https://daneden.github.io/animate.css/ as his base

Mainly used for OBS. Download or Clone the project in a folder of your choice

Then add a browser source and the source is the countdown.html file.

You can change some parameters with the time.json file :

  • time = change the duration of your timer.
  • secondsAnimation = change the animation of a ticking second
  • minutesAnimation = change the animation of a ticking minute
  • endAnimation = change the animation of the all timer at the end of it.

All animation are provided by animate.css : https://daneden.github.io/animate.css/ Check the link to see an example of each animation. You must type the animation AS IS (capital letters are important).

You can also play with the font if you have some css knowledge. It's actually fairly easy ^^. https://www.w3schools.com/cssref/pr_font_font-family.asp