vue实现简易计时器组件

心语：我喜欢春天的花，夏天的树，秋天的黄昏，冬天的阳光，和每一天的你。

在做项目中难免会碰到需要实时刷新，广告动画依次出现等等需求，刚最近基于业务需求，需要实现一个累加通话时长的计时器，这时候就需要定时器登上我们的代码舞台了，其实对于计时器，它的原理就是通过定时器来实现的，那么在写业务需求之前，我先说说关于定时器的一些知识。
window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。
在Javascript中，代码一般都是同步执行的，但定时器却是异步执行的。

 window.setTimeout(callback,delay);   //callback:回调函数 delay：时间间隔时长
 window.setInterval(callback,delay);

定时器分为隔时定时器setInterval和延时定时器setTimeout

那么它们两到底有什么区别呢？

• setInterval以指定时间为周期循环执行，一般用于刷新表单、复杂动画的循环执行，对于一些表单的实时指定时间刷新同步
• setTimeout只在指定时间后执行一次,像有些网站刚进去会出现一个弹窗广告，一般都是用的setTimeout

了解了定时器的基本知识之后,那么接下来就可以进行功能的实现了。

HTML

<template>
    <div class="timer">