Canvas Circular Countdown

Draw a configurable circular canvas countdown timer

Fork me on GitHub GitHub
  • Remaining percentage: %
  • Remaining time: ms
  • Elapsed time: ms

New Instance

The following three options, duration, elapsedTime and throttle, cannot be changed on the fly while the timer is running.

New instance created

Styling options

Change the options below to update the styling of the coundtown even when timer is running.

Grab the code

Below is the generated code for basic configuration based on the selected options above. For more advanced usage read the documentation. 


          

        

      

    

  


  

    

      
        Licensed under The MIT License (MIT)