//uniapp中的具體用法：我這里使用到了setInterval
data() {
		return {
			timer: null//定時器名稱
		};
	},
//一般在頁面需要的地方使用，這里我是放在了onshow()里
onShow() {
	// console.log('onshow');
	 this.timer = setInterval(function() {
		// 放入你自己的業(yè)務邏輯代碼
 	}, 3000);
},
//uniapp中onHide()能監(jiān)聽到頁面離開
onHide() {//離開頁面前清除計時器
	// console.log('onHide');
	clearInterval(this.timer);
	this.timer = null;
},

這里我要說明一下，在uniapp 中要實現(xiàn)vue離開頁面銷毀定時器功能，百度了一大圈都說使用vue的beforeDestroy生命周期，如下：

//beforeDestroy為實例銷毀之前調(diào)用
beforeDestroy() {
		if(this.timer) {
　　　　	clearInterval(this.timer); //關(guān)閉
　　	}

結(jié)果，根本就沒有用，依然關(guān)不掉，最后看到一個方法說是：通過$once這個事件偵聽器器在定義完定時器之后的位置來清除定時器，如下：

const timer = setInterval(() =>{ // 某些定時器操作   }, 500);            

// 通過$once來監(jiān)聽定時器，在beforeDestroy鉤子可以被清除。 
uni.$once('beforeDestroy', () => {                     
        clearInterval(timer);                                     
})

顯然，對我這里并沒有用，最后還是采用了 onHide()這個頁面生命周期才能及時清除

補充：uni-app 倒計時計時器

<text class="red">剩余時間：<text>{{remaining}}</text></text>

export default {
		data() {
			return {
				remaining: '', //顯示剩余時間
				remainingd: ''  //數(shù)據(jù)返回時間秒
			}
		},
		onLoad() {
			uni.showLoading(); //數(shù)據(jù)加載中
			this.getmsglist();//第一次加載數(shù)據(jù)
		},
		methods: {
			//獲取列表信息
			getmsglist: function() {
					var _self = this;
				_self.goodsid = uni.getStorageSync('goodsid');
				uni.request({
					url: _self._apiurl + "/app/goods/getgoodsdetail",
					method: 'POST',
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
					data: {
						openid: _self.openid,
						token: _self.token,
					},
					success: (res) => {
						console.log(res);
						var data = res.data;
						_self.remainingd = data.data.timestamp;
						_self.jishiqi();//執(zhí)行一次倒計時，因為進入頁面有等待
						
						setInterval(function() {
							_self.jishiqi();
						}, 1000)
 
						uni.hideLoading(); //關(guān)閉加載
 
 
					}
				})
			},
			//倒計時計時器
			jishiqi: function() {
				var dj = this.remainingd;
				if (dj <= 0) {
					this.remaining = "已過期";
				} else {
					var ddf = this.djs(dj); //格式化過后的時間
					this.remaining = ddf;
					//當前時間減去時間
					dj = dj - 1;
					this.remainingd = dj;
				}
 
			},
			//得到的秒換算成時分秒
			djs: function(ms) { 
				var h = parseInt(ms / (60 * 60));
				var m = parseInt((ms % (60 * 60)) / 60);
				var s = (ms % (60 * 60)) % 60;
				return h + ":" + m + ":" + s;
			},
		}
	}

總結(jié)

到此這篇關(guān)于uniapp中使用計時器setInterval的文章就介紹到這了,更多相關(guān)uniapp使用計時器setInterval內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！