Breaking News: Grepper is joining You.com. Read the official announcement!

onclick start and stop the count react

Innocent Iguana answered on January 6, 2021 Popularity 6/10 Helpfulness 1/10

answer onclick start and stop the count react

onclick start and stop the count react

Comment

class Controls extends React.Component{
    state={
        myInterval : null,
        time: 25*60*1000
    }
    countDown = () => {
        this.setState({
            time : this.state.time-1000,
        })
    }
    startTimer = () => {
        this.setState({myInterval : setInterval(this.countDown,1000)})
    }
    stopTimer = () => {
        clearInterval(this.state.myInterval)
    }
    render(){
        return(
            <div>
                <button onClick={this.startTimer}>Start</button>
                <button onClick={this.stopTimer}>Stop</button>
                {this.state.time}
            </div>
        )
    }
}


class App extends React.Component{
    render(){
        return <Controls/>
    }
}





ReactDOM.render(
  <App />,
  document.getElementById("react")
);

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: count javascript onclick

Link to this answer
Share Copy Link