时间:2021-05-20
本文实例为大家分享了Android实现点击获取验证码60秒后重新获取的具体代码,供大家参考,具体内容如下
上代码
/** * Created by Xia_焱 on 2017/5/7. */public class CountDownTimerUtils extends CountDownTimer { private TextView mTextView; /** * @param millisInFuture The number of millis in the future from the call * to {@link #start()} until the countdown is done and {@link #onFinish()} * is called. * @param countDownInterval The interval along the way to receive * {@link #onTick(long)} callbacks. */ public CountDownTimerUtils(TextView textView, long millisInFuture, long countDownInterval) { super(millisInFuture, countDownInterval); this.mTextView = textView; } @Override public void onTick(long millisUntilFinished) { mTextView.setClickable(false); //设置不可点击 mTextView.setText(millisUntilFinished / 1000 + "秒后可重新发送"); //设置倒计时时间 mTextView.setBackgroundResource(R.drawable.bg_identify_code_press); //设置按钮为灰 SpannableString spannableString = new SpannableString(mTextView.getText().toString()); ForegroundColorSpan span = new ForegroundColorSpan(Color.RED); spannableString.setSpan(span, 0, 2, Spannable.SPAN_INCLUSIVE_EXCLUSIVE); mTextView.setText(spannableString); } @Override public void onFinish() { mTextView.setText("重新获取验证码"); mTextView.setClickable(true);//重新获得点击 mTextView.setBackgroundResource(R.drawable.bg_identify_code_normal); }}TextView背景色
bg_identify_code_press
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#C0C0C0" /> <!--填充色 透明--> <corners android:radius="7dp" /> <!-- 圆角 --></shape>bg_identify_code_normal
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="#2BAF2B" /> <!--填充色 透明--> <corners android:radius="7dp" /> <!-- 圆角 --></shape>布局代码
<TextView android:id="@+id/tv_yzm" android:layout_width="match_parent" android:layout_marginTop="50dp" android:layout_height="45dp" android:background="@drawable/bg_identify_code_normal" android:gravity="center" android:text="点击获取验证码" android:textColor="#FFF" android:textSize="15dp" />项目代码
private void initView() { tv_yzm = (TextView) findViewById(R.id.tv_yzm); tv_yzm.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { CountDownTimerUtils mCountDownTimerUtils = new CountDownTimerUtils(tv_yzm, 60000, 1000); mCountDownTimerUtils.start(); } }); }效果图
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
按钮功能为:点击“获取验证码”——按钮不可用-设置倒计时-60秒后重新获取。主要实现原理:点击后,设置一个$interval,每一秒更改一次剩余时间,并依赖An
通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取(防刷新)”的功能效果图:先到官网(http://plugins.jq
1、功能描述 当用户想要获取验证码时,就点击免费获取验证码,然后开始倒计时,倒计时期间按钮文字为剩余时间x秒,且不可按状态,倒计时结束后,按钮更改为点击重新发
1.具体思路点击获取验证码按钮—>调用获取验证码接口(忽略)—>获取验证码按钮切换到不可点击状态,按钮背景色呈灰色,按钮文字呈现为“倒计时秒数+后可重新获取”—
本文给大家分享一段js代码关于实现验证码功能并在60秒后倒计时功能。废话不多说了,具体代码如下所示:varcountdown=60;functionsettim