react-interval 

Safe React wrapper for setInterval


Installation

$3

``sh
npm install --save react react-interval
`

Don't forget to manually install peer dependencies (react) if you use npm@3.




$3

`html


(Module exposed as ReactInterval)
`




Demo

http://nkbt.github.io/react-interval

Codepen demo

http://codepen.io/nkbt/pen/ZGmpoO

Usage

$3

Start counting on render

`js
import ReactInterval from 'react-interval';

const App = React.createClass({
getInitialState() {
return {count: 0};
},

render() {
const {count} = this.state;

return (



);
}
});
`

$3

Change timeout on the fly, start and stop counting

`js
import React from 'react';
import ReactDOM from 'react-dom';
import ReactInterval from 'react-interval';

const App = React.createClass({
getInitialState() {
return {
enabled: false,
timeout: 1000,
count: 0
};
},

render() {
const {timeout, enabled, count} = this.state;

return (


);
}
});

const appRoot = document.createElement('div');
document.body.appendChild(appRoot);
ReactDOM.render(, appRoot);
`

Options


#### callback: PropTypes.func.isRequired

Function repeatedly called after timeout


#### enabled: PropTypes.bool (default: false)

Should start timer?


#### timeout: PropTypes.number (default: 1000)

Timeout before each callback` call

License

MIT