react-countdown-clock-stealth

HTML5 canvas countdown clock React component

Usage no npm install needed!

<script type="module">
  import reactCountdownClockStealth from 'https://cdn.skypack.dev/react-countdown-clock-stealth';
</script>

README

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