在线考试倒计时

1.定义时间变量

// 当前考试的时长
times: '',
// 剩余时间
Time: '',
// 考试总时长
totalTime: '',

2.created()

 // 获取当前考试时间
 this.times = this.$route.query.time
 // 赋值给总时长
 this.totalTime = this.times * 60

3.mounted()

//  赋值给考试时长
    this.times = this.times * 60
    this.timeDown()
    this.times--
    this.time = setInterval(() => {
      if (this.times === 0) {
        clearInterval(this.time)
        alert('考试时间已到，将强制提交！！')
      }
      this.timeDown()
      this.times--
    }, 1000)

4.转换时间

     // 将时间转化格式
    timeDown() {
      let leftTime = this.times
      let m = this.formate(parseInt(leftTime / 60))
      let s = this.formate(parseInt(leftTime % 60))
      this.Time = `${m}分${s}秒` // 需要修改时间样式的话 ，比如需要什么30分钟倒计时，就只保留分和秒
    },
    formate(time) {
      if (time >= 10) {
        return time
      } else {
        return `0${time}`
      }
    },