目前越来越多的app在注册或是进行对应操作时,要求获取短信验证码,在点击了获取短信验证码的按钮后,就是出现倒计时,比如倒计时120S,在倒计时期间内,按钮背景变化并且出现倒计时,当倒计时结束后,如果你没有获取到验证码,可以再次点击。
代码如下所示:
VerCodeTimer mVerCodeTimer=(Button) findViewById(R.id.login_get_ver_code); private class VerCodeTimer extends CountDownTimer { private int seconds; private int interval; //millisInFuture为你设置的此次倒计时的总时长,比如60秒就设置为60000 //countDownInterval为你设置的时间间隔,比如一般为1秒,根据需要自定义。 public VerCodeTimer(long millisInFuture, long countDownInterval) { super(millisInFuture, countDownInterval); seconds = (int) (millisInFuture / 1000); interval= (int) (countDownInterval/1000); } //每过你规定的时间间隔做的操作 @Override public void onTick(long millisUntilFinished) { getVerCodeButton.setText((seconds-interval) + "秒后重新获取"); } //倒计时结束时做的操作↓↓ @Override public void onFinish() { getVerCodeButton.setTextSize(10); getVerCodeButton.setText("重新获取验证码"); getVerCodeButton.setClickable(true); getVerCodeButton.setBackgroundResource(R.drawable.login_get_ver_code_before_bg); } } @Override public void onBackPressed() { if (mVerCodeTimer != null) mVerCodeTimer.cancel(); super.onBackPressed(); }
使用的时候:
getVerCodeButton.setTextSize(11); getVerCodeButton.setClickable(false); getVerCodeButton.setBackgroundResource(R.drawable.login_get_ver_code_ago_bg); mVerCodeTimer = new VerCodeTimer(60000, 1000); mVerCodeTimer.start();
login_edit_normal_bg.xml:
<?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:useLevel="false"> <!-- 背景填充颜色值 --> <solid android:color="#6c948b" /> <!-- radius值越大,越趋于圆形 --> <corners android:radius="10dip" /> <!-- 圆角图像内部填充四周的大小 ,将会以此挤压内部布置的view --> <padding android:bottom="10dip" android:left="10dip" android:right="10dip" android:top="10dip" /> </shape>
login_edit_passed_bg.xml:
<?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" android:useLevel="false"> <!-- 背景填充颜色值 --> <solid android:color="#509989" /> <!-- radius值越大,越趋于圆形 --> <corners android:radius="10dip" /> <!-- 圆角图像内部填充四周的大小 ,将会以此挤压内部布置的view --> <padding android:bottom="10dip" android:left="10dip" android:right="10dip" android:top="10dip" /> </shape>
以上所述是小编给大家介绍了Android开发之获取短信验证码后按钮背景变化并且出现倒计时 的全部代码,希望本段代码能够帮助大家。同时感谢大家一直以来对小牛知识库网站的支持。
本文向大家介绍ionic+AngularJs实现获取验证码倒计时按钮,包括了ionic+AngularJs实现获取验证码倒计时按钮的使用技巧和注意事项,需要的朋友参考一下 按钮功能为:点击“获取验证码”——按钮不可用-设置倒计时-60秒后重新获取。 主要实现原理:点击后,设置一个$interval,每一秒更改一次剩余时间,并依赖Angular数据绑定实时显示在页面中。设置一个$timeout,60
本文向大家介绍JS获取短信验证码倒计时的实现代码,包括了JS获取短信验证码倒计时的实现代码的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了,具体代码如下所示: 以上所述是小编给大家介绍的JS获取短信验证码倒计时的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!
本文向大家介绍iOS实现短信验证码倒计时,包括了iOS实现短信验证码倒计时的使用技巧和注意事项,需要的朋友参考一下 在开发中,经常在需要用户注册的时候会需要实现验证码倒计时的功能,下面是解决这个问题的两种思路(使用UIButton控件) 一、利用NSTimer计时器 1.新建一个UIButton按钮,设置成属性,名为codeButton。(UIButton样式一定要为自定义,否则后面倒计时数秒时会
本文向大家介绍JS+HTML5实现获取手机验证码倒计时按钮,包括了JS+HTML5实现获取手机验证码倒计时按钮的使用技巧和注意事项,需要的朋友参考一下 效果图如下所示: HTML: CSS: JavaScript: GitHub:Fuck me on GitHub Fuck me on GitHub 总结 以上所述是小编给大家介绍的JS+HTML5实现获取手机验证码倒计时按钮,希望对大家有所帮助,
本文向大家介绍iOS获取短信验证码倒计时的两种实现方法,包括了iOS获取短信验证码倒计时的两种实现方法的使用技巧和注意事项,需要的朋友参考一下 方法一: 网上用的很多的一种,不多说,直接上代码. 到时直接调用就可以了。 方法二:利用分类 给UIButton新建一个分类 .h文件如下 .m文件如下 然后在controller里直接调用分类.h文件里的方法就ok了 以上就是本文的全部内容,希望对大家的
本文向大家介绍vue实现验证码按钮倒计时功能,包括了vue实现验证码按钮倒计时功能的使用技巧和注意事项,需要的朋友参考一下 本人最近开始尝试学习vue.js。想使用vue写一个小例子,就选择做验证码按钮倒计时功能。 上网上搜了一下,也把他们的代码试了一下,自己出了很多问题。所以,需要写一篇基础入门的文章,避免后面人采坑。 这是按照网上写的HTML页面 js写成 发现浏览器一直报错Un