1.0.2 ā¢ Published 3 years ago
react-clock-interval v1.0.2
react-clock-interval
š° Almost accurate clock component for react
This component implements the setInterval logic to render a clock and prevent the following issues:
- Skip some seconds
- Not on sync with system clock
Features
- Works on react-dom and react-native (it should work on other renderers too)
- You can render it whatever you like
- TypeScript support
Install
npm
npm install react-clock-intervalyarn
yarn add react-clock-intervalAPI
| Prop | Type | Required | Description |
|---|---|---|---|
| children | function | ā | A render prop that will give you the current date and you can render it whatever you like. |
| initialDateTime | Date | ā | By default, the clock provides the system date. If you wish to start on some specific date instead, set it on this prop. |
| forceUpdateInitialDateTime | boolean | ā | Forces the clock time to update. |
Example
import React from 'react';
import Clock from 'react-clock-interval';
class Example extends React.Component {
render() {
return (
<Clock>
{dateTime => <div>{dateTime.toString()}</div>}
</Clock>
);
}
}