一. 要求

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. 如何实现LBS轨迹回放功能?含多平台实现代码

    本篇文章告诉您,如何实现轨迹回放.并且提供了web端,iOS端,Android端3个平台的轨迹回放代码.拷贝后可以直接使用.另外,文末有小彩蛋,算是开发者的福利. Web端/JavaScript 实现 ...

  2. java获取点击微信自定义菜单的用户openid

    测试: 先上 请求类 HttpRequesto package reyo.sdk.utils.weixin; import java.io.BufferedReader; import java.io ...

  3. android studio clone 失败

    Clone failedunable to access 'https://git.oschina.net/xx/xx.git/': Failed to connect to x.tu26.net p ...

  4. MySQL – 导出数据成csv

    方案有很多种,我这里简单说一下: 1.  into outfile SELECT * FROM mytable INTO OUTFILE '/tmp/mytable.csv' FIELDS TERMI ...

  5. 同时大量PPPoE连接请求,攻击PPPoE服务器,导致的用户异常掉线故障分析

    前几天接一个客户电话,PPPoE下用户异常掉线,掉线后拨号困难 到达后,我首先查看PPPoE日志,发现一秒钟内有大量PADI包,浪费服务器的SESSION,同时让服务器无法处理其他用户的请求. 打开W ...

  6. How to get URL parameters with Javascript?

    function getURLParameter(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '( ...

  7. 面向.Net程序员的dump分析

    背景 Dump文件是进程的内存镜像.可以把程序的执行状态通过调试器保存到dump文件中.在 Windows 系统上, dump 文件分为内核 dump 和用户态 dump 两种.前者一般用来分析内核相 ...

  8. JavaScript 事件——“事件类型”中“复合事件”和“变动事件”的注意要点(转)

    复合事件 复合事件是DOM3级事件中心添加的一类事件,用于处理IME的输入序列. compositionstart.compositionupdate.compositionend 复合事件有以下三中 ...

  9. .NET Framework 高级开发

    .NET Framework 高级开发 MSDN 这部分帮助介绍与 .NET Framework 相关的高级编程主题. 本节内容 管理 介绍如何管理 Active Directory 中的对象,如何使 ...

  10. CSS基础(三):选择器

    常用选择器 元素选择器,即html标记如div,ul,li,p,h1~h6,table等. p { font-size:14px; } h1 { color:#F00; } 复合选择器, 由两个选择器 ...