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

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);
	}
}

猜你喜欢

转载自blog.csdn.net/weixin_43843679/article/details/114398800
今日推荐