浅谈定时器及定时器在Vue项目中的使用

        对于一位前端工程师来说，说到定时器，想必都不陌生。无论是刚开始码农生活的新人还是多年工作经验的大牛，setTimeout() 、setInterval() 在项目中不可避免的都会使用。

        作为一个前端小菜鸟，在项目中的监控大屏的列表中需要用到setInterval来实现列表实时刷新。在这里我使用setInterval设置定时请求服务，刷新列表数据，保证数据展示最新。按照以往的经验，我发现在钩子函数beforedestroy和destroyed中清除定时器不执行，后来发现原来是<keep-alive>的原因，以至于这俩钩子函数在路由跳转的过程中不被执行。于是在大佬的指导下，采用了导航守卫的方法，废话不多说，直接上才艺：

什么是定时器？

        首先，定时器是什么东东，我们要清楚。根据W3Cschool爸爸的定义：

 w3cschool定时器教程链接：https://www.w3cschool.cn/javascript_guide/javascript_guide-h2aj269b.html

所以，简单来说，js定时器有下面的两种方法：

        1，规定时间后，只调用一次setTimeout()

        用法：

    //规定时间后，调用代码