iOS 短信驗證碼倒計時按鈕的實現

引言:

驗證碼倒計時按鈕的應用是非常普遍的，本文介紹了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為: 其他時, 是一閃一閃的效果.

文／Li_Cheng（簡書作者）
原文鏈接：http://www.jianshu.com/p/2104865e7dba
著作權歸作者所有，轉載請聯系作者獲得授權，並標注“簡書作者”。