定时器获取当前时间，实时刷新时间

最新推荐文章于 2025-07-13 12:48:07 发布

原创最新推荐文章于 2025-07-13 12:48:07 发布 · 460 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

该代码段展示了如何在Vue.js应用中获取并显示当前时间，每秒更新一次，并在组件销毁前清除定时器，防止内存泄漏。

获取当前时间每隔一秒刷新一次并且清除定时器

  beforeDestroy() {
    // 清除定时器
    clearInterval(this.timeIV);
  },
  mounted() {
    this.timeIV = setInterval(() => {
      this.gettime();
    }, 1000);
  },
  // 计算属性
  computed: {},
  // 侦听器
  watch: {},
  // 组件方法
  methods: {
    gettime() {
      const dt = new Date();
      var y = dt.getFullYear();
      var mt = dt.getMonth() + 1;
      var day = dt.getDate();
      var h = dt.getHours(); //获取时
      var m = dt.getMinutes(); //获取分
      var s = dt.getSeconds(); //获取秒
      this.time = "当前时间：" + y + "年" + mt + "月" + day + "-" + h + "时" + m + "分" + s + "秒";
    },
  },