一. 要求

1.点击获取验证码按钮,60秒倒计时,按钮变成不可点击状态,按钮文字变成倒计时的秒数.

2.当倒计时为0的时候,释放掉定时器NSTimer,按钮变成可以点击状态,按钮文字变成"获取验证码".

二.

//  ViewController.m

//  Demo-验证码

//

//  Created by quhaola on 16/4/11.

//  Copyright © 2016年 MC. All rights reserved.

//

#import "ViewController.h"

#import "Masonry.h"

@interface ViewController ()

{

NSTimer       *_timer;     //定时器

NSInteger      _second;    //倒计时的时间

}

@property (nonatomic, strong) UITextField    * textField;

@property (nonatomic, strong) UIButton       * authCodeButton;

@end

@implementation ViewController

#pragma mark - 生命周期

- (void)viewDidLoad

{

[super viewDidLoad];

//创建验证码按钮

[self addAuthCodeButton];

}

#pragma mark - 实现方法

- (void)addAuthCodeButton

{

//输入框

[self.view addSubview:self.textField];

[self.textField mas_makeConstraints:^(MASConstraintMaker *make) {

make.left.equalTo(self.view.mas_left).with.offset(10);

make.top.equalTo(self.view.mas_top).with.offset(100);

make.height.mas_equalTo(40);

make.width.mas_equalTo(200);

}];

//获取验证码按钮

[self.view addSubview:self.authCodeButton];

[self.authCodeButton mas_makeConstraints:^(MASConstraintMaker *make) {

make.left.equalTo(self.textField.mas_right).with.offset(20);

make.right.equalTo(self.view.mas_right).with.offset(-20);

make.top.equalTo(self.view.mas_top).with.offset(100);

make.height.mas_equalTo(40);

}];

}

#pragma mark - 点击事件

//获取验证码按钮的点击事件

- (void)authCodeButtonClicked

{

// 按钮点击之后的操作   --->  按钮不可点击,按钮背景颜色改变

self.authCodeButton.enabled = NO;

self.authCodeButton.backgroundColor = [UIColor grayColor];

// 设置倒计时的总时间

_second = 10;

// 创建计时器

_timer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(changeTime) userInfo:nil repeats:YES];

// (可以不考虑) 把清空textField数据

self.textField.text = nil;

}

#pragma mark 定时器调用的方法

- (void)changeTime

{

//每一秒调用一次改方法, 每次调用,_second 减一.

_second --;

//修改倒计时标签文字   ->   把按钮文字改成倒计时的时间

[self.authCodeButton setTitle:[NSString stringWithFormat:@"%@ s",@(_second)] forState:UIControlStateNormal];

//如果时间到了 0 秒, 把定时器取消掉

if (_second == -1)

{

//释放定时器

[_timer invalidate];

//把定时器设置成空.不然不起作用.

_timer = nil;

//把修改的验证码按钮调整为初始状态

self.authCodeButton.enabled = YES;

[self.authCodeButton setTitle:@"获取验证码" forState:UIControlStateNormal];

self.authCodeButton.backgroundColor = [UIColor orangeColor];

self.textField.text = @"这里是你请求的验证码";

}

}

#pragma mark - 验证码按钮

- (UITextField *)textField

{

if (!_textField)

{

self.textField = [[UITextField alloc] init];

self.textField.backgroundColor = [UIColor colorWithWhite:0.9 alpha:1];

}

return _textField;

}

- (UIButton *)authCodeButton

{

if (!_authCodeButton)

{

self.authCodeButton = [UIButton buttonWithType:UIButtonTypeCustom];

self.authCodeButton.backgroundColor = [UIColor orangeColor];

[self.authCodeButton setTitle:@"获取验证码" forState:UIControlStateNormal];

[self.authCodeButton addTarget:self action:@selector(authCodeButtonClicked) forControlEvents:UIControlEventTouchUpInside];

}

return _authCodeButton;

}

@end

iOS-验证码倒计时60秒的更多相关文章

  1. js 验证码 倒计时60秒

    js 验证码 倒计时60秒 <input type="button" id="btn" value="免费获取验证码" /> & ...

  2. vue实现验证码倒计时60秒的具体代码

    vue实现验证码倒计时60秒的具体代码 <span v-show="show" @click="getCode">获取验证码</span> ...

  3. jQuery实现发送验证码倒计时60秒

    前端HMTL: <div class="form_box"> <div class="line mb40"> <div class ...

  4. javaScript 验证码 倒计时60秒

    <input type="button" id="btn" value="免费获取验证码" /> <script type ...

  5. Android 实现简单 倒计时60秒,一次1秒

    倒计时功能如上图所示,其实就几行代码即可实现效果啦!!! /** 倒计时60秒,一次1秒 */ CountDownTimer timer = new CountDownTimer(60*1000, 1 ...

  6. js实现倒计时60秒的简单代码

    <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Conten ...

  7. js 简单实现获取短信按钮倒计时60秒

    <!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content- ...

  8. Jquery插件实现点击获取验证码后60秒内禁止重新获取

    通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取(防刷新)”的功能 先到官网(http://plugins.jquery.com/cookie/ )下载coo ...

  9. jQuery实现发送短信验证码后60秒倒计时

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...

随机推荐

  1. Cluster群集

    Cluster群集一般来讲有四个功能1. 冗余功能,就是说在这个群集中的任何一台机器出现本机或网络故障时,整个网络仍不中断,对外的服务也不中断,网络有多个路线可以走,服务器也可以相互代替.2.负载均衡 ...

  2. 于网站主机,DNS,域名解析,Web服务器关系详解

    /*本文将介绍网站主机,DNS,域名解析,Web服务器关系,转载请保留以下版权*/ /*启明星工作室 www.dotnetcms.org  提供会议室预定系统,请假系统,helpdesk,工作日志系统 ...

  3. LPC43XX JTAG Scan Chain

    Debug and trace functions are integrated into the ARM Cortex-M4. Serial wire debug and trace functio ...

  4. 关于 MySQL 的 boolean 和 tinyint(1)

    boolean类型MYSQL保存BOOLEAN值时用1代表TRUE,0代表FALSE,boolean在MySQL里的类型为tinyint(1),MySQL里有四个常量:true,false,TRUE, ...

  5. Backbone.js Wine Cellar 教程

    中文版: http://rd.189works.com/article-74541-1.html http://www.189works.com/article-74542-1.html http:/ ...

  6. [转]移动端web页面使用字体的思考

    一直不知道手机端用的什么字体,只是觉得类似雅黑,直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题. 前人已栽树,后人我就直接转来吧…… 回想2年前刚开始接触手机项目,接到PSD稿 ...

  7. SQL SERVER2012中使用游标来备份数据库

    在SQL SERVER中,添加JOB,可以使用以下语句设置定期备份数据库. DECLARE @name VARCHAR(50)--databasename DECLARE @path VARCHAR( ...

  8. Django模块学习- django-pagination

    实在是很简单的一个Django 的分页插件. 使用pip instal pagination 即可完成安装. 完成后配置如下: 1. 将安装文件中的 pagination 文件夹拷贝到项目的根目录下 ...

  9. 使用PopupWindow实现Menu功能

    参考:http://www.cnblogs.com/sw926/p/3230659.html 注意: PopupWindow会给PopupView设置Padding,会导致ContentView的左右 ...

  10. [原]OpenGL基础教程(五)缓冲区数据更新方式

    1.glBufferSubData 适用于相同数据类型 void SetPositionY(float y){    vector<Vector3<float>>::itera ...