vue+uniapp实现一个计时器，要实现点击开始，开始计时，点击停止才停止，保持刷新，返回重新进入依旧计时并且保持连贯

vue+uniapp开发app,要实现巡检时间的技术操作，本来以为很简单，也是很多坑，效果图如下

///////////开发过程心历路程，可跳过，也可以看看，如果跟我第一次思路一样，劝放弃，如果你找到了好的解决办法，也请告知，程序员总是对bug耿耿于怀~~~//////////////////////////////////////////

第一次我的思路是：    <span class="time">{ { formattedTime }}</span>使用计算属性，    formattedTime() {
                const hours = Math.floor(this.elapsedSeconds / 3600);
                const minutes = Math.floor((this.elapsedSeconds % 3600) / 60);
                const seconds = this.elapsedSeconds % 60;
                return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
            }，，，当点击开始的时候打开计时器，只有点击停止才停止，页面退回或者刷新等情况，计时器不清除，记录一下秒数在本地或者别的储存，等刷新或者重新进入的时候获取当下秒数，更新 this.elapsedSeconds++以当前秒数为起点更新

    //     this.intervalId = setInterval(() => {
                //         this.elapsedSeconds++;
                //         console.log(this.elapsedSeconds, '时间观看')
                //         localStorage.setItem('elapsedSeconds', this.elapsedSeconds);
                //