js获取当前时间并实时刷新1

2022/4/12 23:20:25

本文主要是介绍js获取当前时间并实时刷新1,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

显示代码

{{$moment(nowTime).format("YYYY-MM-DD HH:mm:ss")}} {{nowWeek}}

 data() {
    return {
      nowTime: new Date(),
      weekDays: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
      timer: null
    };
  },
  mounted() {
    // 初始化时间
    this.init();
  },
  destroyed() {
    if (this.timer) {
      clearInterval(this.timer);
    }
  },
  computed: {
    nowWeek() {
      return (this.nowTime && this.weekDays[this.nowTime.getDay()]) || "";
    }
  },
  methods: {
    init() {
      this.startTimer();
    },
    // 启动定时器,定时刷新时间
    startTimer() {
      this.nowTime = new Date();
      setTimeout(() => {
        this.nowTime = new Date();
        this.timer = setInterval(() => {
          this.nowTime = new Date();
        }, 1000);
      }, 1000 - this.nowTime.getMilliseconds());
    }
  }


这篇关于js获取当前时间并实时刷新1的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程