1. 程式人生 > >uni-app 第四講 一個小定時器的實現

uni-app 第四講 一個小定時器的實現

今天給大家將一片關於uni-app如何使用定時器的例項。在我們平時開發app的時候很有很多地方使用定時器,最常見的就是我們註冊的時候傳送手機驗證碼,然後一些倒計時搶購,定時重新整理等等。

下圖展現的是在小程式和android上跑的效果

 專案做得比較簡陋,希望大家見諒

這個專案主要用到的就是timer

onLoad: function() {
			my_self = this;
			var hour, minute, second; /*時 分 秒*/
			hour = minute = second = 0; //初始化
			var millisecond = 0; //毫秒
			this.timer = setInterval(() => {
				millisecond = millisecond + 50;
				// console.log("---millisecond----"+millisecond);
				if (millisecond >= 1000) {
					millisecond = 0;
					second = second + 1;
				}
				if (second >= 60) {
					second = 0;
					minute = minute + 1;
				}

				if (minute >= 60) {
					minute = 0;
					hour = hour + 1;
				}
				// console.log("-------"+hour+'時'+minute+'分'+second+'秒');
				my_self.nums = hour+'時'+minute+'分'+second+'秒';
			}, 50);
		}

一個初始化方法就實現了定時器,是不是很酷呢?小夥伴們趕快動手自己做一個吧