您好,欢迎来到欧得旅游网。
搜索
您的当前位置:首页在线考试倒计时

在线考试倒计时

来源:欧得旅游网
// 当前考试的时长
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}`
      }
    },

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- ovod.cn 版权所有 湘ICP备2023023988号-4

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务