前端Vue利用定时器实时时间展示在页面上

MFG_666

于 2021-12-16 09:42:05 发布

阅读量1.8k

点赞数 1

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_49714202/article/details/121967680

版权

vue 专栏收录该内容

123 篇文章

订阅专栏

<div>标准时间为:{{ timer }}</div>

<script>
export default {
 data() {
    return {
      timer:null, // 定时器名称
    }
 },
  mounted(){   // 在挂载生命周期  设置定时器
    this.timer = setInterval(() => {
      this.timer = new Date();
    },1000)
  },
  beforeDestroy(){    // 在销毁之前前生命周期 消除定时器
    clearInterval(this.timer)
    this.timer = null
  },
}
</script>