Skip to content
This repository has been archived by the owner on Feb 27, 2019. It is now read-only.

HTML5 canvas countdown clock React component

License

Notifications You must be signed in to change notification settings

mottadevops/react-countdown-clock

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Countdown Clock

A HTML 5 canvas countdown clock as a React component

Screenshot

Demo

pughpugh.github.io/react-countdown-clock

Installation

npm install react-countdown-clock

Usage

<ReactCountdownClock seconds={60}
                     color="#000"
                     alpha={0.9}
                     size={300}
                     onComplete={myCallback} />

Props

  • seconds to count down
  • color you'd like it to be as a hex/css colour code
  • alpha transparency for component
  • size for height and width of canvas element, in pixels.
  • onComplete callback when timer completes

Bugs

github.com/pughpugh/react-countdown-clock/issues

About

HTML5 canvas countdown clock React component

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Languages

  • CoffeeScript 55.7%
  • HTML 33.1%
  • JavaScript 11.2%