uni-app 第四講 一個小定時器的實現
阿新 • • 發佈:2018-12-20
今天給大家將一片關於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); }
一個初始化方法就實現了定時器,是不是很酷呢?小夥伴們趕快動手自己做一個吧