npm install --save increaser-timer
import React from 'react'
import Timer from 'increaser-timer'
const Container = ({ children }) => (
<div style={{ height: '100vh' width: '100%' }}>
{children}
</div>
)
// optional
export theme = {
textColor: 'white',
timeFillColor: '#FFDC00',
circleColor: 'rgba(255, 255, 255, 0.15)'
}
class Example extends React.Component {
constructor(props) {
super(props)
const startTime = Date.now()
this.state = {
startTime,
duration: 1,
timeNow: startTime
}
setInterval(() => {
const timeNow = Date.now()
const { startTime, duration } = this.state
this.setState({ timeNow })
if (timeNow - startTime > duration * 60 * 1000) {
this.setState({ startTime: timeNow })
}
}, 500)
}
render() {
const { duration, startTime, timeNow } = this.state
return (
<Timer
theme={theme}
wrapper={Container}
startTime={startTime}
duration={duration}
timeNow={timeNow}
showTimeInTitle={true}
handleBeforeUnload={true}
/>
)
}
}
MIT © RodionChachura