会议时常记录（vue）

1.vue模板中

{{ interval }}

2.数据定义

 timer: "",
 hour: 0,
 minutes: 0,
 seconds: 0,
 cr: "",
 interval: "00:00:00",

3.通过定时器实现会议时常/通话时常记录

mounted() {
    this.init();
},
methods: {
    init() {
      this.timer = setInterval(this.startTimer, 1000); // 计时器，会议时常记录
    },
startTimer() {
      this.seconds += 1;
      if (this.seconds >= 60) {
        this.seconds = 0;
        this.minutes = this.minutes + 1;
      }

      if (this.minutes >= 60) {
        this.minutes = 0;
        this.hour = this.hour + 1;
      }
      this.interval =
        (this.hour < 10 ? "0" + this.hour : this.hour) +
        ":" +
        (this.minutes < 10 ? "0" + this.minutes : this.minutes) +
        ":" +
        (this.seconds < 10 ? "0" + this.seconds : this.seconds);
      this.cr = this.seconds;
    }, // 计时器 √
}

4.销毁计时器

clearInterval(this.timer);
this.interval = "00:00:00";