微信小程序跳转后清除定时器

2,329 阅读1分钟

笔记

前言:因为做项目,有些数据是实时的,所以要用定时器定时调用接口请求。最开始我加上定时请求,然后跳转的时候,接口请求还是一直执行。但是我想要的是页面跳转后,就清除定时器了。期间有一些小问题的出现,不过不难! 个人做个笔记哈! 不多说,放代码!

代码

		data: {
		    timer:null
		}
		<!--要时时刷新请求的接口,记得要放在onshow里面,放在onLoad里面的话,跳转到别的界面的时候,还是会一直请求。-->
		onShow: function () {
		let _this = this;
		this.setData({
			timer: setInterval(() => {
				_this.getWarning(); // 这个是我要实时刷新的事件
			}, 6000)
		})
	},
	/**
	 * 生命周期函数--监听页面隐藏
	 *  onHide()在小程序生命周期中具有监听小程序隐藏的功能,当切换页面和切换底部菜单栏时将会关闭定时器。
	 */
	onHide: function () {
		clearInterval(this.data.timer);
		this.setData({
			timer: null
		})
	},
	/**
	 * 生命周期函数--监听页面卸载
	 */
	onUnload: function () {
		clearInterval(this.data.timer);
		this.setData({
			timer: null
		})
	}