個(gè)人博客: LiCheng的博客

引言:

驗(yàn)證碼倒計(jì)時(shí)按鈕的應(yīng)用是非常普遍的，本文介紹了IOS實(shí)現(xiàn)驗(yàn)證碼倒計(jì)時(shí)功能，點(diǎn)擊獲取驗(yàn)證碼，進(jìn)入時(shí)間倒計(jì)時(shí)，感興趣的小伙伴們可以參考一下:

效果圖

實(shí)現(xiàn)思路:

• 創(chuàng)建按鈕, 添加點(diǎn)擊方法;
• 用NSTimer定時(shí)器, 每秒執(zhí)行一次, 定時(shí)改變Button的title,改變Button的樣式, 設(shè)置Button不可點(diǎn)擊;
• 若倒計(jì)時(shí)結(jié)束, 定時(shí)器關(guān)閉, 并改變Button的樣式, 可以點(diǎn)擊;

代碼如下:

在按鈕的點(diǎn)擊事件里調(diào)用該方法.

// 開啟倒計(jì)時(shí)效果
-(void)openCountdown{

    __block NSInteger time = 59; //倒計(jì)時(shí)時(shí)間
    
    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){ //倒計(jì)時(shí)結(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);
}

注意點(diǎn):

我們?cè)趧?chuàng)建Button時(shí), 要設(shè)置Button的樣式:
當(dāng)type為: UIButtonTypeCustom時(shí) , 是讀秒的效果.
當(dāng)type為: 其他時(shí), 是一閃一閃的效果.
<br />

GitHub: https://github.com/LiCheng244/LCUtils
個(gè)人博客: http://www.licheng244.com/