清楚定时器 html,react怎么清掉定时器

React定时器的设置与控制——多个定时器，手动开始和手动清除

一、js 定时器有以下两个方法：

setInterval() ：按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

setTimeout() ：在指定的毫秒数后调用函数或计算表达式。

实现方式大同小异，这里以setInterval举例。

二、React 官方定时器的例子class Timer extends React.Component {

constructor(props) {

super(props);

this.state = {secondsElapsed: 0};

}

tick() {

this.setState((prevState) => ({

secondsElapsed: prevState.secondsElapsed + 1

}));

}

componentDidMount() {

this.interval = setInterval(() => this.tick(), 1000);

}

componentWillUnmount() {

clearInterval(this.interval);