2.10.0 • Published 2 years ago
react-countdown-clock v2.10.0
React Countdown Clock
A HTML 5 canvas countdown clock as a React component.
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
prop | type | default | description |
---|---|---|---|
seconds | integer | 60 | Seconds to countdown |
color | string | #000 | Colour of counter |
alpha | float | 1.0 | Alpha transparency of counter |
size | integer | 300 | Width & height of canvas element |
weight | integer | Weight of circle, in pixels | |
fontSize | integer/string | auto | px size of font. auto for dynamic sizing. |
font | string | Arial | Font of counter |
timeFormat | string | seconds | Counter style; seconds or hms |
showMilliseconds | boolean | true | Show milliseconds for last 10 seconds |
onComplete | func | Callback when time completes | |
paused | boolean | false | Pause countdown of the timer |
pausedText | string | Text to display when paused, defaults to the current time |
Bugs & Contributions
Bugs, features and pull requests always welcome.
github.com/pughpugh/react-countdown-clock/issues
Also, it's always just nice to hear how people are using it. Feel free to get in touch.
- Email: hugh@hcgallagher.co.uk
- Web: www.hughgallagher.co.uk
2.10.0
2 years ago
2.9.0
3 years ago
2.8.1
3 years ago
2.8.0
3 years ago
2.7.0
5 years ago
2.6.0
5 years ago
2.5.0
6 years ago
2.4.0
6 years ago
2.3.0
6 years ago
2.2.0
6 years ago
2.1.0
6 years ago
2.0.0
7 years ago
1.1.0
7 years ago
1.0.9
8 years ago
1.0.8
8 years ago
1.0.7
8 years ago
1.0.5
8 years ago
1.0.4
8 years ago
1.0.3
9 years ago
1.0.2
9 years ago
1.0.1
9 years ago
1.0.0
9 years ago