個人博客: LiCheng的博客
引言:
驗證碼倒計時按鈕的應(yīng)用是非常普遍的成翩，本文介紹了IOS實現(xiàn)驗證碼倒計時功能，點擊獲取驗證碼辰妙，進入時間倒計時康嘉，感興趣的小伙伴們可以參考一下:
效果圖
實現(xiàn)思路:
- 創(chuàng)建按鈕, 添加點擊方法;
- 用NSTimer定時器, 每秒執(zhí)行一次, 定時改變Button的title,改變Button的樣式, 設(shè)置Button不可點擊;
- 若倒計時結(jié)束, 定時器關(guān)閉, 并改變Button的樣式, 可以點擊;
代碼如下:
在按鈕的點擊事件里調(diào)用該方法.
// 開啟倒計時效果
-(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); //每秒執(zhí)行
dispatch_source_set_event_handler(_timer, ^{
if(time <= 0){ //倒計時結(jié)束，關(guān)閉
dispatch_source_cancel(_timer);
dispatch_async(dispatch_get_main_queue(), ^{
//設(shè)置按鈕的樣式
[self.authCodeBtn setTitle:@"重新發(fā)送" 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(), ^{
//設(shè)置按鈕顯示讀秒效果
[self.authCodeBtn setTitle:[NSString stringWithFormat:@"重新發(fā)送(%.2d)", seconds] forState:UIControlStateNormal];
[self.authCodeBtn setTitleColor:[UIColor colorFromHexCode:@"979797"] forState:UIControlStateNormal];
self.authCodeBtn.userInteractionEnabled = NO;
});
time--;
}
});
dispatch_resume(_timer);
}
注意點:
我們在創(chuàng)建Button時, 要設(shè)置Button的樣式:
當(dāng)type為: UIButtonTypeCustom時 , 是讀秒的效果.
當(dāng)type為: 其他時, 是一閃一閃的效果.
<br />
GitHub: https://github.com/LiCheng244/LCUtils
個人博客: http://www.licheng244.com/
