前言
现在的很多app都是使用手机注册的,为了确认使用的是自己的手机,都会加上一个短线验证码的选项,最近公司的项目使用到了这个短信验证码,并且要加入验证码倒计时功能,也就是60秒才能发送一次验证码,再次做过记录,以后使用的时候,可以随时拿来用。
实现
发送验证码的时候一般都会有一个按钮,点击之后便会给你输入的手机发送一条验证码,我这里使用的是一个TextView,显示特定的数字,只用设置TextView的点击事件即可;
Android中有一个类,可以很方便的时候该功能,但是也会存在一个问题,就是在最后一秒的时候,会等待很久才会显示出“重新发送”的文字,这个类是CountDownTimer,有兴趣的朋友可以去研究下,用起来还是挺方便的,不过我后来发现重新开启一个线程来实现是比较完美的。
html" target="_blank">代码如下:
/** * 短信验证码倒计时 */ private void startTimer() { registerVerificationCodeTv.setTextColor(getResources().getColor(R.color.text_color_code_green)); registerVerificationCodeTv.setText(getResources().getString(R.string.timer_default_show)); registerVerificationCodeTv.setEnabled(false); new Thread() { @Override public void run() { for (int i = 59; i >= 0; i--) { final int second = i; try { Thread.sleep(1000); } catch (InterruptedException e) { e.printStackTrace(); } runOnUiThread(new Runnable() { @Override public void run() { if (second <= 0) { registerVerificationCodeTv.setTextColor(getResources().getColor(R.color.text_get_verification_code)); registerVerificationCodeTv.setText(getResources().getString(R.string.register_re_get_verification_code)); registerVerificationCodeTv.setEnabled(true); } else { registerVerificationCodeTv.setTextColor(getResources().getColor(R.color.text_color_code_green)); registerVerificationCodeTv.setText(second + "s"); } } }); } } }.start(); }
说明:
registerVerificationCodeTv就是那个显示倒计时秒数的TextView,用的时候只用在registerVerificationCodeTv的点击事件里面调用此方法就好了。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如有疑问大家可以留言交流,谢谢大家对小牛知识库的支持。
本文向大家介绍简单实现vue验证码60秒倒计时功能,包括了简单实现vue验证码60秒倒计时功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue验证码倒计时60秒的具体代码,供大家参考,具体内容如下 html js 更多关于倒计时的文章请查看专题:《倒计时功能》 更多JavaScript时钟特效点击查看:JavaScript时钟特效专题 以上就是本文的全部内容,希望对大家的学习有
本文向大家介绍jquery简单倒计时实现方法,包括了jquery简单倒计时实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery简单倒计时实现方法。分享给大家供大家参考,具体如下: 希望本文所述对大家jQuery程序设计有所帮助。
本文向大家介绍js倒计时简单实现方法,包括了js倒计时简单实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js倒计时简单实现方法的代码,分享给大家供大家参考,具体如下: 如果想显示倒计时效果,可以使用如下代码调用: jquery插件形式: 希望本文所述对大家JavaScript程序设计有所帮助。
本文向大家介绍单击按钮发送验证码,出现倒计时的简单实例,包括了单击按钮发送验证码,出现倒计时的简单实例的使用技巧和注意事项,需要的朋友参考一下 实例如下: 以上这篇单击按钮发送验证码,出现倒计时的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。
本文向大家介绍Ionic + Angular.js实现验证码倒计时功能的方法,包括了Ionic + Angular.js实现验证码倒计时功能的方法的使用技巧和注意事项,需要的朋友参考一下 前言 之前跟大家分享了关于 Android 原生实现验证码倒计时,地址是这里,现在公司使用 Ionic 开发的 App 也要实现类似的功能,现在也记录下来,供大家参考: 效果图: 正文 首先介绍下与本文相关的概念
本文向大家介绍thinkPHP中验证码的简单实现方法,包括了thinkPHP中验证码的简单实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了thinkPHP中验证码的简单实现方法。分享给大家供大家参考,具体如下: 运行效果图如下: 1.php端生成验证码函数 生成图片的同时,传入到session中。 2.页面端 直接src中调用。 点击触发改变。 3.后台验证,对比post字段与se