使用 GCD 實現倒計時效果

效果如下：

ViewController.h

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController
@property (assign, nonatomic) NSInteger surplusSecond;

@property (strong, nonatomic) IBOutlet UILabel *lblMessage;
@property (strong, nonatomic) IBOutlet UIButton *btnSendCAPTCHA;

@end

ViewController.m

#import "ViewController.h"

@interface ViewController ()
- (void)layoutUI;
- (void)countDown;
@end

@implementation ViewController
#define kSurplusSecond 5

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self layoutUI];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

- (void)layoutUI {
    _surplusSecond = kSurplusSecond; //剩余秒數；這里指驗證碼發送完，間隔多少秒才能再次點擊「驗證」按鈕進行發送驗證碼
    
    _btnSendCAPTCHA.tintColor = [UIColor darkGrayColor];
    _btnSendCAPTCHA.layer.masksToBounds = YES;
    _btnSendCAPTCHA.layer.cornerRadius = 10.0;
    _btnSendCAPTCHA.layer.borderColor = [UIColor grayColor].CGColor;
    _btnSendCAPTCHA.layer.borderWidth = 1.0;
}

/**
 *  倒計時
 */
- (void)countDown {
    //全局並發隊列
    dispatch_queue_t globalQueue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0);
    //主隊列；屬於串行隊列
    dispatch_queue_t mainQueue = dispatch_get_main_queue();
    
    //定時循環執行事件
    //dispatch_source_set_timer 方法值得一提的是最后一個參數（leeway），他告訴系統我們需要計時器觸發的精准程度。所有的計時器都不會保證100%精准，這個參數用來告訴系統你希望系統保證精准的努力程度。如果你希望一個計時器每5秒觸發一次，並且越准越好，那么你傳遞0為參數。另外，如果是一個周期性任務，比如檢查email，那么你會希望每10分鍾檢查一次，但是不用那么精准。所以你可以傳入60，告訴系統60秒的誤差是可接受的。他的意義在於降低資源消耗。
    dispatch_source_t timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0, globalQueue);
    dispatch_source_set_timer(timer, DISPATCH_TIME_NOW, 1.0 * NSEC_PER_SEC, 0.0 * NSEC_PER_SEC);
    dispatch_source_set_event_handler(timer, ^{ //計時器事件處理器
        NSLog(@"Event Handler");
        if (_surplusSecond <= 0) {
            dispatch_source_cancel(timer); //取消定時循環計時器；使得句柄被調用，即事件被執行
            dispatch_async(mainQueue, ^{
                _btnSendCAPTCHA.enabled = YES;
                [_btnSendCAPTCHA setTitle:@"驗證" forState:UIControlStateNormal];
                
                _lblMessage.text = @"使用 GCD 實現倒計時效果";
                _surplusSecond = kSurplusSecond;
            });
        } else {
            _surplusSecond--;
            dispatch_async(mainQueue, ^{
                NSString *btnInfo = [NSString stringWithFormat:@"%ld秒", (long)(_surplusSecond + 1)];
                _btnSendCAPTCHA.enabled = NO;
                [_btnSendCAPTCHA setTitle:btnInfo forState:UIControlStateDisabled];
            });
        }
    });
    dispatch_source_set_cancel_handler(timer, ^{ //計時器取消處理器；調用 dispatch_source_cancel 時執行
        NSLog(@"Cancel Handler");
    });
    dispatch_resume(timer);  //恢復定時循環計時器；Dispatch Source 創建完后默認狀態是掛起的，需要主動恢復，否則事件不會被傳遞，也不會被執行
}

- (IBAction)sendCAPTCHA:(id)sender {
    _lblMessage.text = [NSString stringWithFormat:@"驗證碼發送成功，%d秒后可重新發送", kSurplusSecond];
    
    [self countDown];
}

@end

Main.storyboard

 

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="7706" systemVersion="14E46" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="vXZ-lx-hvc">
    <dependencies>
        <deployment identifier="iOS"/>
        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7703"/>
    </dependencies>
    <scenes>
        <!--View Controller-->
        <scene sceneID="ufC-wZ-h7g">
            <objects>
                <viewController id="vXZ-lx-hvc" customClass="ViewController" sceneMemberID="viewController">
                    <layoutGuides>
                        <viewControllerLayoutGuide type="top" id="jyV-Pf-zRb"/>
                        <viewControllerLayoutGuide type="bottom" id="2fi-mo-0CV"/>
                    </layoutGuides>
                    <view key="view" contentMode="scaleToFill" id="kh9-bI-dsS">
                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
                        <autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/>
                        <subviews>
                            <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="使用 GCD 實現倒計時效果" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="1Kh-pV-cfz">
                                <rect key="frame" x="200" y="289.5" width="200" height="20.5"/>
                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
                                <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
                                <nil key="highlightedColor"/>
                            </label>
                            <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="roundedRect" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="rFe-Xb-ZSc">
                                <rect key="frame" x="240" y="510" width="120" height="50"/>
                                <constraints>
                                    <constraint firstAttribute="width" constant="120" id="gVH-aT-gen"/>
                                    <constraint firstAttribute="height" constant="50" id="jJP-Vc-fpy"/>
                                </constraints>
                                <state key="normal" title="驗證">
                                    <color key="titleShadowColor" white="0.5" alpha="1" colorSpace="calibratedWhite"/>
                                </state>
                                <connections>
                                    <action selector="sendCAPTCHA:" destination="vXZ-lx-hvc" eventType="touchUpInside" id="I6T-s9-9H6"/>
                                </connections>
                            </button>
                        </subviews>
                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
                        <constraints>
                            <constraint firstAttribute="centerX" secondItem="rFe-Xb-ZSc" secondAttribute="centerX" id="CoE-CP-eDN"/>
                            <constraint firstAttribute="centerY" secondItem="1Kh-pV-cfz" secondAttribute="centerY" id="bX4-jS-0xm"/>
                            <constraint firstAttribute="centerX" secondItem="1Kh-pV-cfz" secondAttribute="centerX" id="mKH-Zw-Utb"/>
                            <constraint firstItem="2fi-mo-0CV" firstAttribute="top" secondItem="rFe-Xb-ZSc" secondAttribute="bottom" constant="40" id="y3Q-IA-qIO"/>
                        </constraints>
                    </view>
                    <connections>
                        <outlet property="btnSendCAPTCHA" destination="rFe-Xb-ZSc" id="UFG-TS-ImX"/>
                        <outlet property="lblMessage" destination="1Kh-pV-cfz" id="gzx-3T-euc"/>
                    </connections>
                </viewController>
                <placeholder placeholderIdentifier="IBFirstResponder" id="x5A-6p-PRh" sceneMemberID="firstResponder"/>
            </objects>
        </scene>
    </scenes>
</document>

輸出結果：

2015-08-31 14:40:02.083 KMCountDown[5102:103949] Event Handler
2015-08-31 14:40:03.087 KMCountDown[5102:103949] Event Handler
2015-08-31 14:40:04.084 KMCountDown[5102:103949] Event Handler
2015-08-31 14:40:05.086 KMCountDown[5102:103971] Event Handler
2015-08-31 14:40:06.085 KMCountDown[5102:103949] Event Handler
2015-08-31 14:40:07.085 KMCountDown[5102:103949] Event Handler
2015-08-31 14:40:07.085 KMCountDown[5102:103949] Cancel Handler