iOS-验证码倒计时60秒
一. 要求
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秒的更多相关文章
- js 验证码 倒计时60秒
js 验证码 倒计时60秒 <input type="button" id="btn" value="免费获取验证码" /> & ...
- vue实现验证码倒计时60秒的具体代码
vue实现验证码倒计时60秒的具体代码 <span v-show="show" @click="getCode">获取验证码</span> ...
- jQuery实现发送验证码倒计时60秒
前端HMTL: <div class="form_box"> <div class="line mb40"> <div class ...
- javaScript 验证码 倒计时60秒
<input type="button" id="btn" value="免费获取验证码" /> <script type ...
- Android 实现简单 倒计时60秒,一次1秒
倒计时功能如上图所示,其实就几行代码即可实现效果啦!!! /** 倒计时60秒,一次1秒 */ CountDownTimer timer = new CountDownTimer(60*1000, 1 ...
- js实现倒计时60秒的简单代码
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Conten ...
- js 简单实现获取短信按钮倒计时60秒
<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content- ...
- Jquery插件实现点击获取验证码后60秒内禁止重新获取
通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取(防刷新)”的功能 先到官网(http://plugins.jquery.com/cookie/ )下载coo ...
- jQuery实现发送短信验证码后60秒倒计时
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...
随机推荐
- django开发的社区和博客
社区 线上地址:http://codetheme.sinaapp.com/ Githubhttps://github.com/BeginMan/codetheme 由于利用两周下班时间熬夜做的,难免有 ...
- 诚聘:全栈开发人员,三线城市10-16K
北京快鸽联盟信息技术有限公司成立于2013年,专注于校园及社区快递和增值服务.目前已有十余家各地分部,并与上百所大学,各大快递和电商公司有密切合作,年处理快件量超千万,长期处于行业领先地位. 诚聘全栈 ...
- jackson json转实体 com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException
jackson 2.2.2 由于vo中缺少json的某个字段属性引起 2种解决方法 1:vo中添加注解@JsonIgnoreProperties(ignoreUnknown = true) 2. m ...
- OpenSSL命令---pkcs7
用途: 用于处理DER或者PEM格式的pkcs#7文件. 用法: openssl pkcs7 [-inform PEM|DER] [-outform PEM|DER] [-in filename] [ ...
- Visual Studio 2013 prerequisites
http://www.visualstudio.com/zh-cn/products/visual-studio-ultimate-with-msdn-vs#Fragment_SystemRequir ...
- CSS选择器实现搜索功能 驱动过滤搜索技术
一.CSS选择器可以用来实现搜索功能 CSS选择器可以用来实现搜索功能. 作者以前提过CSS3的选择器结合表单元素可以用来控制元素的显隐,这里,类似的,还是CSS3的选择器,用来过滤和搜索页面元素. ...
- gulp前端自动化构建工具使用
(1)新建项目目录gulp_web (2)项目目录下建目录src里面存放需要进行gulp处理的文件目录及文件 (3)gulpfile.js文件内容为声明需要打包应用的gulp组件及打包文件路径和打包任 ...
- 2014年黑金FPGA原创教程规划发布
2014年已经过去快一半了,才出黑金2014年的FPGA原创教程规划,有点对不起大家了,哈哈! 俗话说,亡羊补牢,为时不晚,希望大家谅解啊,对于大家的支持,我们黑金人一向是感激.感恩.感谢! 下面大概 ...
- PD16 Generate Datebase For Sql2008R2时报脚本错误“对象名sysproperties无效”
PowerDesinger16创建数据库表到SQL2008R2时,执行报“对象名sysproperties无效”错误. 主要是在建模时我们对表.列增加了些说明注释,而Sql2005之后系统表syspr ...
- Oracle数据库管理员面试题
Oracle数据库管理员面试题 1.模拟使用oracle的flashback找回过去某个时间点的数据,实现误操作的恢复. http://www.txw100.com/soft/2013/08/547. ...