Flutter 倒計時 計時器的實現

2022-07-22 18:21:17 字數 992 閱讀 8124

比如傳送簡訊驗證碼,傳送成功後可能要求使用者一段時間內不能再次傳送,這時候我們就需要進行倒計時,時間到了才允許再次操作。

為了實現這樣場景的需求,我們需要使用timer.periodic。

如下圖:

一、引入timer對應的庫

import 'dart:async';
二、定義計時變數

class _loginpagestate extends state
三、點選後開始倒計時這裡我們點選傳送驗證碼文本來舉例說明。

gesturedetector(

ontap: () );

//開始倒計時

startcountdowntimer();}},

child: text(

_countdowntime > 0 ? '$_countdowntime後重新獲取' : '獲取驗證碼',

style: textstyle(

fontsize: 14,

color: _countdowntime > 0

? color.fromargb(255, 183, 184, 195)

: color.fromargb(255, 17, 132, 255),

),),

)

四、倒計時的實現方法

void startcountdowntimer()  else  }) }; _timer = timer.periodic(onesec, callback); }
五、最後在dispose()取消定時器

@override

void dispose()

}

倒計時器 CountDownLatch

countdownlatch是乙個非常實用的多執行緒控制工具類。常用的就下面幾個方法 countdownlatch int count 例項化乙個倒計數器,count指定計數個數 countdown 計數減一 await 等待,當計數減到0時,所有執行緒並行執行countdownlatch在我工作的...

發言倒計時器 單面會議計時器 會議發言倒計時器

單面會議倒計時器 說明 1.單面 控制按鈕700元 2.單面 控制按鈕 搖控800元 3.單面 控制按鈕 搖控 三腳支架1000元 以上 都是不含稅不含運費的 會議計時器功能 可以任意設定發言時長 高99分59秒 設定會議計提醒時間 以分鐘為單位,1 99分鐘 提醒音為滴滴滴的聲音,發言結束音為叮咚...

用js計時器寫倒計時

寫倒計時的思路 1,設定要到的時間。2,獲取當前時間。3,計算時,分,秒,毫秒的時間差,4,用計時器把整個倒計時函式包裝起來 1,倒計時內容部分 var timego newdate 2019 6 30 12 00 00 倒計時要到的時間 var timenow newdate 獲取當前時間 var...