react中关于setInterval会执行的越来越快的问题?

很多时候我们需要在项目中使用到定时器setInterval

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

今日本博主遇到一个setInterval会执行的越来越快的问题,从网上查到需呀清理一下定时器,之前不太明白,为什么不停的执行一个函数却要清理定时器呢?

原来,在react当中,我没切换一次路由,相当于我又生成了一个定时器,当我不停的切换路由,定时器也在无节制的增加中,于是setInterval设置的时间就会变得越来越快、越来越快,所以为了上时间稳定在每10000ms执行一次,就必须在执行下一个setInterval之前将定时器clearInterval(),即把之前的定时器清理干净。
代码如下:

ok,就这个稍微的一点点变化,就解决了一个棘手的问题。

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创

转载请注明:出处来自田珊珊个人博客 » react中关于setInterval会执行的越来越快的问题?

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注