timer-react-hook

is a customized component for counting down

`TimeToJump`: example of how to use `timeToJump`

$3

!Sample

``javascript

import React from 'react'; import './App.css'; import useTime, { countUp } from 'timer-react-hook';

function TimeToJump({ expiryTimestamp }) { const { seconds, minutes, hours, days } = useTime({ expiryTimestamp });

return (


        ${countUp({days, hours, minutes, seconds}) ? 'countup' : 'countdown'}}>
              {
              ${Math.abs(days) ? Math.abs(days) + ':' : ''}
              ${Math.abs(hours) ?  Math.abs(hours) + 'h ': ''} 
              ${Math.abs(minutes) ? Math.abs(minutes) + 'm' : ''}
              ${Math.abs(seconds) >= 0 ? Math.abs(seconds) + 's ': ''}} 
              {${countUp({days, hours, minutes, seconds}) ? 'PAST' : ''}}


  );
}

function App() {
  let t = new Date();
  let oneHour = 60*60;
  let twoDay = oneHour  24  2;
  t.setSeconds(t.getSeconds() + 10 ); 
  
  return (
    

       Ract hook timer countdown

       Count from seconds down

       
    

  );
}
export default App;``
$3
| key | Type | Required | Description |
| --- | --- | --- | ---- |
| expiryTimestamp | number(timestamp) | YES | it will count down from expiryTimestamp until to 0 then count up with color changes

`timer-react-hook`

is a customized component for counting down

`TimeToJump: example of how to use timeToJump`

`$3`

!Sample

``javascript

import React from 'react'; import './App.css'; import useTime, { countUp } from 'timer-react-hook';

function TimeToJump({ expiryTimestamp }) { const { seconds, minutes, hours, days } = useTime({ expiryTimestamp });

return (


        ${countUp({days, hours, minutes, seconds}) ? 'countup' : 'countdown'}}>
              {
              ${Math.abs(days) ? Math.abs(days) + ':' : ''}
              ${Math.abs(hours) ?  Math.abs(hours) + 'h ': ''} 
              ${Math.abs(minutes) ? Math.abs(minutes) + 'm' : ''}
              ${Math.abs(seconds) >= 0 ? Math.abs(seconds) + 's ': ''}} 
              {${countUp({days, hours, minutes, seconds}) ? 'PAST' : ''}}


  );
}

function App() {
  let t = new Date();
  let oneHour = 60*60;
  let twoDay = oneHour  24  2;
  t.setSeconds(t.getSeconds() + 10 ); 
  
  return (
    

       Ract hook timer countdown

       Count from seconds down

       
    

  );
}
export default App;``
$3
| key | Type | Required | Description |
| --- | --- | --- | ---- |
| expiryTimestamp | number(timestamp) | YES | it will count down from expiryTimestamp until to 0 then count up with color changes