一. 要求

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. 从一个例子中体会React的基本面

    [起初的准备工作] npm init npm install --save react react-dom npm install --save-dev html-webpack-plugin web ...

  2. 多功能表单填报系统V1.2.1-适用于在线报名系统、调查、数据收集等

    多功能表单系统V1.2.1    前台:http://www.schoolms.net/mysoft/biaodan/index.asp 后台:http://www.schoolms.net/myso ...

  3. SQL Developer 4.0 启动报错“unable to create an instance of the java virtual machine located at path”

    安装了Oracle之后,第一件事情就是想想怎么去连接,进而操作.SQL Developer是官方提供的强大工具,个人看来也是第一选择. 目前官网提供的最新版是4.0.1.14.48,下载下来之后,就跃 ...

  4. C#转C++的一点分享

    前几天看到这样一篇博客<那些年·我们读过的专业书籍>,里面列了很多大家认为很好的书,加上自己在自学C++的工程中也看了不少书,感觉并不是所有的书都值得花时间去看的,毕竟很多人一年下来也看不 ...

  5. 关于css布局的几篇文章

    这可能是史上最全的CSS自适应布局总结 (http://www.cnblogs.com/qieguo/p/5421252.html) 使用 CSS 弹性框 (https://developer.moz ...

  6. [转]Sublime Text3注册码(可用)

    补充:2016.05 最近经过测试,3个注册码在新版3103的sublime上已经不可用了. 现补充两枚新版的license key: —– BEGIN LICENSE —– Michael Barn ...

  7. 解决微信浏览器无法使用reload()刷新页面

    场景是这样子的,页面在初始化时有一个ajax请求,在页面上有一个按钮,点击的时候执行window.location.reload(),正常情况reload()后页面依然会向后台发出请求,但在安卓的微信 ...

  8. log4j总结

    log4j介绍 Log4j是Apache的一个开放源代码项目,通过使用Log4j,我们可以控制日志信息输送的目的地是控制台.文件.GUI组件.甚至是套接口服务 器.NT的事件记录器.UNIX Sysl ...

  9. Django 新人开发的十个注意点

    总结一下 Django开发中,注意的事项,特别是新人,由于水平有限,也只能到这个层次,更多模式思想性的东西,还得在开发中慢慢体会. 1.各个APP独立,做到项目的模块分明.说的有点大,列几个列子优先 ...

  10. HTML5图片旋转

    HTML5图片旋转 首先我们使用Cococs2dx-Js-Lite版,来创建一个工程,我们所需要的开发环境如下: 1,webstrom 2,google chrome浏览器 3,cocos2dx-Js ...