react 循环产生定时器

最新推荐文章于 2023-08-27 15:45:17 发布

weixin_30443747

最新推荐文章于 2023-08-27 15:45:17 发布

阅读量331

点赞数

原文链接：http://www.cnblogs.com/xiaoyaoweb/p/9339985.html

版权

var maxShowSeconds=3600000
            _self.state.totalSeconds.forEach((item,index)=>{
                var timer='timer'+index
                _self.state.timer.push(timer)
                _self.setState({
                    timer:_self.state.timer
                })
               
            })
            _self.state.totalSeconds.forEach((item,index)=>{
                _self.state.timer[index] = setInterval(() => {
                    var newSeconds=_self.state.totalSeconds.slice()
                    var showTotalSeconds=_self.state.showTotalSeconds.slice()
                    newSeconds[index]=newSeconds[index]-1
                    if(newSeconds[index]>=maxShowSeconds){
                        showTotalSeconds[index]=maxShowSeconds-1
                    }else{
                        showTotalSeconds[index]=showTotalSeconds[index]-1
                    }
                    _self.setState({
                        totalSeconds:newSeconds,
                        showTotalSeconds:showTotalSeconds,
                    }, () => {
                        if (_self.state.totalSeconds[index] == 0) {
                            clearInterval(_self.timer);
                        }
                    });
                }, 1000)
            })

View Code


组件解绑之后清除定时器

componentWillUnmount(){
        var _self=this;
        _self.state.timer.forEach((item,index)=>{
            clearInterval(_self.state.timer[index])
        })
    }

View Code

转载于:https://www.cnblogs.com/xiaoyaoweb/p/9339985.html