有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

Vue实时获取当前时间(实现方式)

vue 炮渣日记 3周前 (11-08) 37次浏览 已收录 0个评论 扫描二维码

vue实时获取当前时间

data 添加参数

data() {
    return {
      nowDate: '',
      nowTime: '',
      nowWeek: '',
    }
  },

mounted 添加方法

this.currentTime()

methods 调用方法

currentTime() {
      setInterval(this.formatDate, 500);
    },
formatDate() {
      //获取当前时间并打印
      let myDate = new Date()
      let wk = myDate.getDay()
      let yy = String(myDate.getFullYear())
      let mm = myDate.getMonth() + 1
      let dd = String(myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate())
      let hou = String(myDate.getHours() < 10 ? '0' + myDate.getHours() : myDate.getHours())
      let min = String(myDate.getMinutes() < 10 ? '0' + myDate.getMinutes() : myDate.getMinutes())
      let sec = String(myDate.getSeconds() < 10 ? '0' + myDate.getSeconds() : myDate.getSeconds())
      let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
      let week = weeks[wk]
      this.nowDate = yy + ' 年 ' + mm + ' 月 ' + dd + ' 日'
      this.nowTime = hou + ' : ' + min + ' : ' + sec
      this.nowWeek = week
    }

销毁定时任务

// 销毁定时器
  beforeDestroy() {
    if (this.formatDate) {
      clearInterval(this.formatDate); // 在Vue实例销毁前,清除时间定时器
    }
  }
喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址