react页面里多个定时器的情况

Question

react页面里多个定时器的情况，如下：

list:[
   {
     aimTime:'2018-5-27 10:30:00'
   },
{
     aimTime:'2018-5-27 10:30:00'
   },
{
     aimTime:'2018-5-27 10:30:00'
   }
]

<div className="container">
          {
            this.props.list.map((v, k) => {
              return (
                <div key={k} className="list">
                  
                      // 这里有个定时器
                </div>
              );
            })
          }

        </div>

如何才能达到多个定时器之间互不干扰，还有就是清除定时器的时候该怎么去处理？

Answer 1

正常使用setTimeout和setInterval就是独立互不干扰的。

至于清除，如果要定点清除，那用一个对象把timerID保存起来，根据key寻找ID清除。不用定点的话一个数组存起来然后遍历清空即可

Answer 2

我以前写过一个番茄钟,
可以路由切换.
当时是把计时器专门做了一层.
放在全局

Answer 3

亲 我有点没看懂你的问题 不过定时器的时候你可以赋值给个变量，然后清除时可以清除。如果是执行快慢的问题，由于settimeout是异步，所以可以尝试闭包解决都可以试试

Answer 4

把定时器包装成一个组件，这样比较好管理