vue 实现页面定视刷新，已经页面加时间秒表setInterval

最新推荐文章于 2024-08-22 10:17:52 发布

花儿开富贵花

最新推荐文章于 2024-08-22 10:17:52 发布

阅读量311

点赞数

本文链接：https://blog.csdn.net/weixin_43843679/article/details/114398800

版权

1、页面定时刷新

data() {
	return {
		intervalId: null,
	}
},
mounted() {
	this.renderInterval();
},
methods: {
	renderInterval() {
		if(this.intervalId != null) {
			return ;
		}
		this.intervalId = serInterval(() => {
			this.getDepsApi(); //调用刷新接口
		},5000)
	},
	clear() {
		clearInterval(this.intervalId);//清除计时器
		this.intervalId = null; //设置为null
	}
}，
destroyed() {
	this.clear();
}

2、时间会动
在这里插入图片描述

data() {
	return {
		curTime: moment().format('YYYY-MM-DD HH:mm:ss'),
	}
},
mounted() {
	this.timedUpdate();
},
method: {
	timedUpdate() {  //时间定时器
		setInterval(() => {
			this.curTime = moment(Date.now()).format('YYYY-MM-DD HH:mm:ss');
		},1000);
	}
}