Swift - 使用UIDatePicker实现倒计时功能

时间:2022-09-04 15:27:08
如果使用UIDatePicker时将模式设置为CountDownTimer,即可让该控件作为倒计时器来使用。效果图如下:
Swift - 使用UIDatePicker实现倒计时功能 Swift - 使用UIDatePicker实现倒计时功能 Swift - 使用UIDatePicker实现倒计时功能
下面是代码示例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import UIKit
 
class ViewController: UIViewController {
     
    var  ctimer:UIDatePicker!
    var btnstart:UIButton!
     
    var leftTime:Int = 180
    var alertView:UIAlertView!
     
    var timer:NSTimer!
     
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
         
        ctimer = UIDatePicker(frame:CGRectMake(0.0, 120.0, 200.0, 200.0))
        self.ctimer.datePickerMode = UIDatePickerMode.CountDownTimer;
         
        //必须为 60 的整数倍,比如设置为100,值自动变为 60
        self.ctimer.countDownDuration = NSTimeInterval(leftTime);
        ctimer.addTarget(self, action: "timerChanged", forControlEvents: UIControlEvents.ValueChanged)
         
        self.view.addSubview(ctimer)
         
        btnstart =  UIButton.buttonWithType(UIButtonType.System) as! UIButton
        btnstart.frame = CGRect(x:100, y:400, width:100, height:100);
        btnstart.setTitleColor(UIColor.redColor(), forState: UIControlState.Normal)
        btnstart.setTitleColor(UIColor.greenColor(), forState:UIControlState.Disabled)
        btnstart.setTitle("开始", forState:UIControlState.Normal)
        btnstart.setTitle("倒计时中", forState:UIControlState.Disabled)
         
        btnstart.clipsToBounds = true;
        btnstart.layer.cornerRadius = 5;
        btnstart.addTarget(self, action:"startClicked:",
            forControlEvents:UIControlEvents.TouchUpInside)
         
        self.view.addSubview(btnstart)
    }
     
    func timerChanged()
    {
        println("倒计时:\(self.ctimer.countDownDuration)")
    }
     
    /**
    *开始倒计时按钮点击
    */
    func startClicked(sender:UIButton)
    {
        self.btnstart.enabled = false;
         
        // 获取该倒计时器的剩余时间
        leftTime = Int(self.ctimer.countDownDuration);
        // 禁用UIDatePicker控件和按钮
        self.ctimer.enabled = false;
         
        // 创建一个UIAlertView对象(警告框),并确认,倒计时开始
        alertView = UIAlertView()
        alertView.title = "到计时开始"
        alertView.message = "倒计时开始,还有 \(leftTime) 秒..."
        alertView.addButtonWithTitle("确定")
        // 显示UIAlertView组件
        alertView.show()
        // 启用计时器,控制每秒执行一次tickDown方法
        timer = NSTimer.scheduledTimerWithTimeInterval(NSTimeInterval(1),
            target:self,selector:Selector("tickDown"),
            userInfo:nil,repeats:true)
    }
     
    /**
    *计时器每秒触发事件
    **/
    func tickDown()
    {
        alertView.message = "倒计时开始,还有 \(leftTime) 秒..."
        // 将剩余时间减少1秒
        leftTime -= 1;
        // 修改UIDatePicker的剩余时间
        self.ctimer.countDownDuration = NSTimeInterval(leftTime);
        println(leftTime)
        // 如果剩余时间小于等于0
        if(leftTime <= 0)
        {
            // 取消定时器
            timer.invalidate();
            // 启用UIDatePicker控件和按钮
            self.ctimer.enabled = true;
            self.btnstart.enabled = true;
            alertView.message = "时间到!"
        }
    }
}

Swift - 使用UIDatePicker实现倒计时功能的更多相关文章

  1. Java第十二次作业:什么是一维数组?什么是对象数组?吃金币游戏2&period;0版 新增炸弹功能 新增游戏倒计时功能 新增胜利失败检测功能 使用如鹏游戏引擎制作窗体 一维数组设置金币

    什么是数组? 数组的定义:是用统一的名字代表这批数据,用序号来区分各个数据.数组是无序的数据元素按有序的下标组成的集合,分配固定空间大小的一种容器. 如何理解:其实就是一个同时放很多数据的变量. a= ...

  2. html5 canvas 实现倒计时 功能

    function showTime(a) { var b = { id: "showtime", //canvasid x: 60, //中心点坐标 X轴; y: 60, //中心 ...

  3. 模块:js实现一个倒计时功能

    1.给显示内容加样式 <style> #p1{font-size: large; color: red;} </style> 2.客户端页面 <div id=" ...

  4. iOS &OpenCurlyDoubleQuote;获取验证码”按钮的倒计时功能

    iOS 的倒计时有多种实现细节,Cocoa Touch 为我们提供了 NSTimer 类和 GCD 的dispatch_source_set_timer方法去更加方便的使用计时器.我们也可以很容易的的 ...

  5. Android 关于倒计时功能的实现

    关于倒计时的实现,可以说有很多的方法,比较常见的就是Timer+TimerTask+Handler了,或者还可以配合Runnable.例如下面的代码: import java.util.Timer; ...

  6. iOS 按钮倒计时功能

    iOS 按钮倒计时功能, 建议把按钮换成label,这样会避免读秒时闪烁 __block ; __block UIButton *verifybutton = _GetverificationBtn; ...

  7. Swift得知——使用和分类功能&lpar;四&rpar;

    Swift得知--使用和分类功能(四) 总结Swift该功能使用的总可分为七类 1 ---- 没有返回值,没有參数的函数 2 ---- 有參数和返回值的函数 3 ---- 使用元祖来返回多个值 4 - ...

  8. js实现是倒计时功能

    工作中经常用到倒计时的功能,最近在整理之前做的项目的时候,发现自己写过一个倒计时的功能的效果,这里和大家分享下!实现这个功能是用原生js写的,不需要加载额外的库文件!功能比较简单,但是可以在此基础上扩 ...

  9. App启动页倒计时功能

    转载请注明出处:http://www.cnblogs.com/cnwutianhao/p/6753418.html 示例代码采用 RxJava + RxLifecycle + Data-Binding ...

随机推荐

  1. Windows消息大全(转)

    原链接地址: http://www.cnblogs.com/icebutterfly/archive/2011/08/05/2128864.html 表A-1 Windows消息分布 消息范围说 明 ...

  2. IO流,File类的测试&period;&period;&period;&period;&period;&period;&period;&period;课堂加总结

    package liu0926; import java.io.File; import java.io.IOException; public class Text01 { public stati ...

  3. Objective-C基础语法快速入门

    Objective-C基础语法快速入门 2010-11-04 16:32 折酷吧 zheku8 字号:T | T 假如我们对面向对象的思维已经C语言都很熟悉的话,对于我们学习Objective-C将会 ...

  4. 解决Ubuntu下 Could NOT find CURL &lpar;missing&colon; CURL&lowbar;LIBRARY CURL&lowbar;INCLUDE&lowbar;DIR&rpar;

    Ubuntu下CMake 编译时出现问题:Could NOT find CURL (missing: CURL_LIBRARY CURL_INCLUDE_DIR) 查找发现  # sudo apt-g ...

  5. &lbrack;ML&rsqb; Concept Learning

    Candidate Elimination Thanks for Sanketh Vedula. This is a good demo to understand candidate elimina ...

  6. hdu 4751&lpar;dfs染色&rpar;

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4751 思路:构建新图,对于那些两点连双向边的,忽略,然后其余的都连双向边,于是在新图中,连边的点是能不 ...

  7. java文件处理工具类

    import java.io.BufferedInputStream; import java.io.BufferedOutputStream; import java.io.BufferedRead ...

  8. Linux磁盘管理:LVM逻辑卷基本概念及LVM的工作原理

    一.传统的磁盘管理 其实在Linux操作系统中,我们的磁盘管理机制和windows上的差不多,绝大多数都是使用MBR(Master Boot Recorder)都是通过先对一个硬盘进行分区,然后再将该 ...

  9. VHDL testbench 例子,包含向文件中写数据

      LIBRARY ieee; USE ieee.std_logic_1164.ALL; use std.textio.all; use ieee.std_logic_textio.all;   EN ...

  10. Akka 简介与入门

    Akka 简介与入门 http://www.thinksaas.cn/group/topic/344095/ 参考官网  http://akka.io/ 开源代码  https://github.co ...

相关文章