实现button按钮上的倒计时

原创 2015年11月17日 23:36:47

创建一个button

UIButton *button = [UIButton buttonWithType:(UIButtonTypeCustom)];

设置位置

button.frame = CGRectMake(100, 100, 100, 100);

设置一个标签 为了后面便于获取button

button.tag = 1000;

设置背景颜色

button.backgroundColor = [UIColor cyanColor];

button按钮的核心方法target/action方法

[button addTarget: self action:@selector(buttonClick:) forControlEvents:(UIControlEventTouchUpInside)];

给一个时间的初值

self.number = 5;
//记录倒计时的初值
@property (nonatomic ,assign)NSInteger number;

两个关键的方法

- (void)buttonClick:(UIButton *)button
{
    //倒计时 核心  每隔一秒钟 时间递减
    //计时器(每隔多少时间调用一个方法)
    //<#(NSTimeInterval)#> 代表时间间隔
    NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(timer:) userInfo:@"button倒计时" repeats:YES];
    //计数器开始
    [timer fire];
    //关闭交互
    button.userInteractionEnabled = NO;
}

- (void)timer:(NSTimer *)timer
{
    //改button标题
    NSString *title = [NSString stringWithFormat:@"%ld",self.number--];
    UIButton *button = (UIButton *)[self.view viewWithTag:1000];
    [button setTitle:title forState:(UIControlStateNormal)];
    //判断倒计时 是否结束 标题是否为0
    if ([[button titleForState:(UIControlStateNormal)] isEqualToString:@"0"]) {
        //停止计时器
        [timer invalidate];
        //更改标题
        [button setTitle:@"重新发送验证码" forState:(UIControlStateNormal)];
        //交互打开 可以重新点击
        button.userInteractionEnabled = YES;
        //重置时间
        self.number = 5;
    }
    NSLog(@"调用了");
}
版权声明:本文为博主原创文章,未经博主允许不得转载。

Android -- 倒计时Button的几种实现

最近有朋友问我如何实现短信验证功能,还特意强调了验证码发送按钮的倒计时问题,其实这些都是些很基础的问题,但既然写了,也不妨贴出来,权当记录。...
  • chengxu_hou
  • chengxu_hou
  • 2017年02月10日 17:18
  • 3331

自定义Button实现倒计时效果

实现的效果: (1)创建一个CustomButton类继承Button: package com.example.administrator.customview; import and...
  • ljw124213
  • ljw124213
  • 2016年10月12日 22:36
  • 678

iOS中动态密码(倒计时按钮)按钮Block封装,选取器(UIPickerView)的Block封装,日期选取器(UIDatePicker)的Block封装

常用的一些控件,封装起来用的时候容易调用。 1:动态密码(倒计时按钮)按钮 实现代码 // // // BlockDynamicPasswordButton.h // // Crea...
  • qq_15509071
  • qq_15509071
  • 2017年05月18日 15:56
  • 344

实现按钮点击倒计时的三种方法

iOS 实现倒计时
  • MyKingSaber
  • MyKingSaber
  • 2017年05月28日 17:24
  • 626

Android自定义TimeButton实现倒计时按钮

Android自定义TimeButton实现倒计时按钮
  • SSBBY
  • SSBBY
  • 2017年04月05日 17:46
  • 1296

自定义倒计时跳过按钮

倒计时跳过按钮
  • CallousToTheEnd
  • CallousToTheEnd
  • 2017年04月26日 16:32
  • 270

Android三种超简单办法,实现按钮倒计时

1、使用CountDownTimerCountDownTimer是android中自带的倒计时类 需要两个参数,一个是总计时的时间,一般验证码是60秒,就是60*1000。第二个参数是设置计时的速度...
  • wapchief
  • wapchief
  • 2017年07月20日 09:09
  • 683

JS实现自动倒计时30秒后按钮才可用

应用场景1:用户注册时阅读完相关协议信息后才能激活按钮 某些网站注册时要求用户同意所谓的用户协议之类的信息,如果协议内容非常重要,有些网站会要求新注册的用户一定要阅读完相关协议信息才能激活下...
  • qq_35995940
  • qq_35995940
  • 2017年10月30日 15:49
  • 88

获取验证码button,倒计时按钮,继承Button

import java.util.HashMap; import java.util.Map; import java.util.Timer; import java.util.TimerTask; ...
  • u014408122
  • u014408122
  • 2016年07月01日 16:04
  • 416

【Android自定义View实战】之获取验证码倒计时按钮

在Android开发中,我们不可避免的会做到注册功能,而现在的注册大多数都是用手机去注册的,那么注册的时候都会要求用获取验证码的方式去验证,我们接下来就来实战一下自定义获取验证码倒计时按钮: ...
  • u010785585
  • u010785585
  • 2016年10月25日 08:54
  • 3969
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现button按钮上的倒计时
举报原因:
原因补充:

(最多只允许输入30个字)