使用定时器setInterval,在Moment.js 时间格式化插件基础上完成当前时间持续动态变化

2024-01-02 20:30:50

1、引入插件

npm install moment --save

?2、js配置:当前需要使用的文件中直接引入

import moment from 'moment';

3、代码实现:定义一个变量进行回显

? 3.1、dom部分

<span>    {{ timeData }} </span>

3.2、js代码

<script>
import moment from 'moment'

export default {
    data() {
        return {
            timeData: '',
        }
    },
     created() {
        this.startTime() //初始化获取时间
     },
     methods: {
        //使用定时器setInterval,每隔一秒时间就调用函数
        startTime() {
          this.times = setInterval(() => {
          this.timeData = moment().format("YYYY/MM/DD HH:mm:ss"); //当前时间 格式可根据实际情况空更改为YYYY-MM-DD
      }, 1000);
    },

      beforeDestroy() {
        clearInterval(this.times); //离开当前页面需清除定时器
      }

}

文章来源:https://blog.csdn.net/xiaoming4965/article/details/135346093
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。