脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → iOS应用中短信验证码倒计时功能实例

Swift实现iOS应用中短信验证码倒计时功能的实例分享

 更新时间：2016年04月18日 14:52:41   作者：老初  
这篇文章主要介绍了Swift实现iOS应用中短信验证码倒计时功能的实例分享,开启和关闭倒计时功能的步骤实现比较关键,需要的朋友可以参考下

在开始之前，我们先来了解一个概念 属性观测器(Property Observers)：

属性观察器监控和响应属性值的变化，每次属性被设置值的时候都会调用属性观察器，甚至新的值和现在的值相同的时候也不例外。

可以为属性添加如下的一个或全部观察器：

  • willSet在新的值被设置之前调用
  • didSet在新的值被设置之后立即调用

接下来开始我们的教程，先展示一下最终效果：

2016418144945893.gif (372×180)

首先声明一个发送按钮：

复制代码 代码如下:

var sendButton: UIButton!

在viewDidLoad方法中给发送按钮添加属性：
复制代码 代码如下:

override func viewDidLoad() {
    super.viewDidLoad()

    sendButton = UIButton()
    sendButton.frame = CGRect(x: 40, y: 100, width: view.bounds.width - 80, height: 40)
    sendButton.backgroundColor = UIColor.redColor()
    sendButton.setTitleColor(UIColor.whiteColor(), forState: .Normal)
    sendButton.setTitle("获取验证码", forState: .Normal)
    sendButton.addTarget(self, action: "sendButtonClick:", forControlEvents: .TouchUpInside)

    self.view.addSubview(sendButton)
}


接下来声明一个变量remainingSeconds代表当前倒计时剩余的秒数：
复制代码 代码如下:

var remainingSeconds = 0

我们给remainingSeconds添加一个willSet方法，这个方法会在remainingSeconds的值将要变化的时候调用，并把值传递给参数newValue:
复制代码 代码如下:

var remainingSeconds: Int = 0 {
    willSet {
        sendButton.setTitle("验证码已发送(\(newValue)秒后重新获取)", forState: .Normal)

        if newValue <= 0 {
            sendButton.setTitle("重新获取验证码", forState: .Normal)
            isCounting = false
        }
    }
}


当remainingSeconds变化时更新sendButton的显示文本。

倒计时的功能我们用NSTimer实现，先声明一个NSTimer实例：

复制代码 代码如下:

var countdownTimer: NSTimer?

然后我们声明一个变量来开启和关闭倒计时：
复制代码 代码如下:

var isCounting = false {
    willSet {
        if newValue {
            countdownTimer = NSTimer.scheduledTimerWithTimeInterval(1, target: self, selector: "updateTime", userInfo: nil, repeats: true)

            remainingSeconds = 10
            sendButton.backgroundColor = UIColor.grayColor()
        } else {
            countdownTimer?.invalidate()
            countdownTimer = nil

            sendButton.backgroundColor = UIColor.redColor()
        }

        sendButton.enabled = !newValue
    }
}


同样，我们给isCounting添加一个willSet方法，当isCounting的newValue为true时，我们通过调用NSTimer的类方法
scheduledTimerWithTimeInterval:target:selector:userInfo:repeats:创建并启动刚才声明的countdownTimer实例，这个实例每一秒钟调用一次updateTime:方法：
复制代码 代码如下:

func updateTime(timer: NSTimer) {
     // 计时开始时，逐秒减少remainingSeconds的值
    remainingSeconds -= 1
}

当isCounting的newValue为false时，我们停止countdownTimer并将countdownTimer设置为nil。

此外我们还设置了倒计时的时间(这里为了演示时间设置为5秒)和发送按钮在不同isCounting状态下的样式(这里调整了背景色)和是否可点击。

最后实现sendButtonClick:方法，这个方法在点击sendButton时调用：

复制代码 代码如下:

 func sendButtonClick(sender: UIButton) {
    // 启动倒计时
    isCounting = true
}

完成！

您可能感兴趣的文章:

相关文章

  • 详解IOS点击空白处隐藏键盘的几种方法介绍

    详解IOS点击空白处隐藏键盘的几种方法介绍

    本篇文章主要介绍了IOS点击空白处隐藏键盘的几种方法，非常具有实用价值，需要的朋友可以参考下。
    2016-12-12
  • IOS 基本文件操作实例详解

    IOS 基本文件操作实例详解

    这篇文章主要介绍了IOS 基本文件操作实例详解 的相关资料,需要的朋友可以参考下
    2017-06-06
  • 详解iOS开发中Keychain的相关使用

    详解iOS开发中Keychain的相关使用

    这篇文章主要介绍了iOS开发中Keychain的相关使用,文中列举了一个使用Keychain来保存密码的例子,需要的朋友可以参考下
    2015-10-10
  • IOS10 隐私权限设置实例详解

    IOS10 隐私权限设置实例详解

    这篇文章主要介绍了IOS10 隐私权限设置实例详解的相关资料,本文主要是介绍，在使用相机功能是遇到错误，这里说明该如何解决，需要的朋友可以参考下
    2016-12-12
  • Flutter Widgets MediaQuery控件屏幕信息适配

    Flutter Widgets MediaQuery控件屏幕信息适配

    这篇文章主要为大家介绍了Flutter Widgets 之 MediaQuery控件获取屏幕信息和屏幕适配示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-11-11
  • 关于iOS获取属性你真的了解吗？

    关于iOS获取属性你真的了解吗？

    这篇文章主要给大家介绍了关于iOS取属性的相关资料，当说到取属性，相信很多的iOS开发者们会说出很多，但你就真的理解吗？下面就来详细，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-12-12
  • 举例讲解iOS应用开发中对设计模式中的策略模式的使用

    举例讲解iOS应用开发中对设计模式中的策略模式的使用

    这篇文章主要介绍了iOS应用设计中对设计模式中的策略模式的使用,示例代码为传统的Objective-C语言,需要的朋友可以参考下
    2016-03-03
  • 关于适配iOS11和iPhoneX的一些事

    关于适配iOS11和iPhoneX的一些事

    随着iOS11和xcode9刚开始正式发布，小编也迫不及待的更新了xcode9，手机也顺利更新到iOS，也终于见到iPhone X 的真面，怎么适配是个问题，下面这篇文章主要给大家介绍了关于适配iOS11和iPhoneX的一些事，需要的朋友可以参考下。
    2017-10-10
  • iOS将地址解析成经纬度的方法

    iOS将地址解析成经纬度的方法

    这篇文章主要为大家详细介绍了iOS将地址解析成经纬度的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-08-08
  • iOS实现去除html标签的方法汇总

    iOS实现去除html标签的方法汇总

    相信大家在做网站的时候，经常会遇到去除html标签的问题，下面这篇文章主要给大家总结介绍了关于iOS如何实现去除html标签的一些方法，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-10-10

最新评论