使用定时器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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!