iOS 簡訊驗證碼倒計時按鈕的實現

標籤：auth   auto   handler   顯示   pen   oba   origin   cti   countdown   

引言:

驗證碼倒計時按鈕的應用是非常普遍的，本文介紹了IOS實現驗證碼倒計時功能，點擊擷取驗證碼，進入時間倒計時，感興趣的小夥伴們可以參考一下

實現思路:

• 建立按鈕, 添加點擊方法;
• 用NSTimer定時器, 每秒執行一次, 定時改變Button的title,改變Button的樣式, 設定Button不可點擊;
• 若倒計時結束, 定時器關閉, 並改變Button的樣式, 可以點擊;

代碼如下:

// 開啟倒計時效果-(void)openCountdown{    __block NSInteger time = 59; //倒計時時間    dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);    dispatch_source_t _timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0, queue);    dispatch_source_set_timer(_timer,dispatch_walltime(NULL, 0),1.0*NSEC_PER_SEC, 0); //每秒執行    dispatch_source_set_event_handler(_timer, ^{        if(time <= 0){ //倒計時結束，關閉            dispatch_source_cancel(_timer);            dispatch_async(dispatch_get_main_queue(), ^{                //設定按鈕的樣式                [self.authCodeBtn setTitle:@"重新發送" forState:UIControlStateNormal];                [self.authCodeBtn setTitleColor:[UIColor colorFromHexCode:@"FB8557"] forState:UIControlStateNormal];                self.authCodeBtn.userInteractionEnabled = YES;            });        }else{            int seconds = time % 60;            dispatch_async(dispatch_get_main_queue(), ^{                //設定按鈕顯示讀秒效果                [self.authCodeBtn setTitle:[NSString stringWithFormat:@"重新發送(%.2d)", seconds] forState:UIControlStateNormal];                [self.authCodeBtn setTitleColor:[UIColor colorFromHexCode:@"979797"] forState:UIControlStateNormal];                self.authCodeBtn.userInteractionEnabled = NO;            });            time--;        }    });    dispatch_resume(_timer);}

在按鈕的點擊事件裡調用該方法.

注意點:

我們在建立Button時, 要設定Button的樣式:
當type為: UIButtonTypeCustom時 , 是讀秒的效果.
當type為: 其他時, 是一閃一閃的效果.

iOS 簡訊驗證碼倒計時按鈕的實現