VueJS - 使用开始、暂停、恢复和停止创建计数器时间

【问题标题】：VueJS - Creating a Counter Up Time with Start, Pause, Resume and StopVueJS - 使用开始、暂停、恢复和停止创建计数器时间
【发布时间】：2021-12-31 20:53:35
【问题描述】：

计数器恢复功能有问题。

例如：如果计时器在 00:00:03 暂停，然后，下一个视图几秒钟后（例如：5 秒后）我点击了恢复按钮。它假设从 00:00:04 继续。但是计时器从00:00:08开始。

我不知道如何解决这个问题。

代码如下：https://jsitor.com/pVz84uaY3

【问题讨论】：

标签： javascript vue.js setinterval

【解决方案1】：

它正在做你想做的事，你总是在计算随着时间开始的变量this.diff = Math.abs(today.getTime() - this.actv_date.getTime());actv_date

对于恢复功能，您必须保存“已用时间”并在恢复时计算 this.actv_date = today.getTime() - timeElapsed 以保持原始差异

【讨论】：