时间:2021-05-19
在开发中,经常在需要用户注册的时候会需要实现验证码倒计时的功能,下面是解决这个问题的两种思路(使用UIButton控件)
一、利用NSTimer计时器
1.新建一个UIButton按钮,设置成属性,名为codeButton。(UIButton样式一定要为自定义,否则后面倒计时数秒时会出现闪烁现象)
2.定义一个NSTimer的属性,名为timer,同时定义一个用于计时的int变量time,设置初始值为60。
//启动一个定时器self.timer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(operatePerSecond) userInfo:nil repeats:YES]; //实现定时器中的方法- (void)operatePerSecond { if (time == 1) { [self.timer invalidate]; time = 60; [self.codeButton setTitle:@"重新获取" forState:UIControlStateNormal]; self.codeButton.tintColor = [UIColor blackColor]; self.codeButton.enabled = YES; }else { time --; [self.codeButton setTitle:[NSString stringWithFormat:@"%ds" ,time] forState:UIControlStateNormal]; }}3.此时主要逻辑已经完成,但要记得:在本页面即将消失的时候也要停掉计时器self.timer。
二、利用GCD实现
1.定义一个用于计时的time(此时要用block修饰)---block int time = 60;
//倒计时时间 __block int timeout = 60; dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0); dispatch_source_t timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0, queue); dispatch_source_set_timer(timer, DISPATCH_TIME_NOW, 1.0 * NSEC_PER_SEC, 0 * NSEC_PER_SEC); dispatch_source_set_event_handler(timer, ^{ if(timeout == 1){ //倒计时结束,关闭 dispatch_source_cancel(timer); dispatch_async(dispatch_get_main_queue(), ^{ timeout = 60; [self.codeButton setTitle:@"重新获取" forState:UIControlStateNormal]; self.codeButton.tintColor = [UIColor blackColor]; self.codeButton.enabled = YES; }); }else{ NSString *strTime = [NSString stringWithFormat:@"%ds",timeout]; dispatch_async(dispatch_get_main_queue(), ^{ [self.codeButton setTitle:strTime forState:UIControlStateNormal]; }); timeout--; } });dispatch_resume(timer);2.把上述代码写入点击方法中即可实现倒计时效果。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
相关阅读:基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)下面一段代码是小编给大家带来的js发送短信验证码后实现倒计时功能,代码简单易懂。具体代
目前越来越多的app在注册或是进行对应操作时,要求获取短信验证码,在点击了获取短信验证码的按钮后,就是出现倒计时,比如倒计时120S,在倒计时期间内,按钮背景变
在平时的短信登录中,当发送短信验证码后会显示倒计时,那么这个倒计时如何实现呢?wxml文件{{getmsg}}下一步js文件lettimeId=null;Pag
本文实例讲述了js实现倒计时重新发送短信验证码功能的方法。分享给大家供大家参考,具体如下:js-手机发送短信倒计时button{width:100px;heig
在Android中倒计时功能是比较常用的一个功能,比如短信验证码,付款倒计时等。实现方式有Handler、Thread等,但是实现起来都有点麻烦,其实Andro