小程序驗(yàn)證碼之定時(shí)器的使用

12月開始接觸學(xué)習(xí)小程序,寫了一個(gè)點(diǎn)擊驗(yàn)證碼倒計(jì)時(shí)的功能。

直接上代碼吧。。


首先定義了一個(gè)全局的timer和用于倒計(jì)時(shí)的countcode,disabled用于綁定 點(diǎn)擊開始后不可重復(fù)獲取驗(yàn)證碼

countcode_sec用于綁定 wxml界面 初始“獲取驗(yàn)證碼”的顯示

點(diǎn)擊按鈕后 ,先設(shè)置綁定為“59s”,然后設(shè)置為不可點(diǎn)擊狀態(tài)。

再設(shè)置全局計(jì)數(shù)count為59并調(diào)取遞減方法 Countdown()


在定時(shí)器方法里開始遞減 計(jì)數(shù),var current = getCurrentPages()[1];這個(gè)方法是獲取當(dāng)前page,具體層次自行處理,然后重新設(shè)置?綁定的countcode_sec,當(dāng)遞減到0的時(shí)候,就可以關(guān)閉定時(shí)器并沖洗設(shè)置為 獲取驗(yàn)證碼字樣,并打開button;

上邊的unload方法 是退出當(dāng)前界面需要 銷毀定時(shí)器否則會(huì)一直在運(yùn)轉(zhuǎn)。

記:這個(gè)Currentdown方法是在page外部的,另外就是page的獲取以及在不同函數(shù)塊里的this的代表是不一樣的。全局變量以及定時(shí)器timer的使用。希望能對你有幫助。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,969評論 19 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,422評論 25 708
  • 2.2.16 2.6.4
    石頭2017閱讀 295評論 0 0
  • 早餐 今天超級忙。忙到連早餐都沒吃到。 最近也是負(fù)能量超標(biāo)。 心情有點(diǎn)急躁。 民企和外企的風(fēng)格真的差的太多了。 心累。
    一只缺覺的豬閱讀 192評論 0 0
  • 曾經(jīng)我說過這樣一段話:“我知道宇宙中有上億個(gè)星系,平均每個(gè)星系又有上千個(gè)恒星,而每個(gè)恒星又有多個(gè)行星...
    Cindy小姐閱讀 224評論 0 0