Android发送验证码倒计时,时间倒计时

简介: Android发送验证码倒计时,时间倒计时


image.png

1.activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="@dimen/activity_vertical_margin"
    tools:context="com.example.yechaoa.timedemo.MainActivity">
    <TextView
        android:textColor="#fff"
        android:padding="10dp"
        android:background="#f60"
        android:id="@+id/tv_time"
        android:gravity="center"
        android:layout_width="160dp"
        android:layout_height="wrap_content"
        android:text="Hello World!" />
</RelativeLayout>


2.MainActivity.java、

package com.example.yechaoa.timedemo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
    private TextView tvTime;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tvTime = (TextView) findViewById(R.id.tv_time);
        tvTime.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                /**
                 *  1.上下文
                 *  2.总时间
                 *  3.计时单位
                 *  4.控件对象
                 */
                //验证码倒计时
                TimeLastUtil timeLastUtil = new TimeLastUtil(MainActivity.this, 60000, 1000, tvTime);
                timeLastUtil.start();
                //根据指定时间,两小时倒计时
                /*long waitTime = TimeLastUtil.getRemainderTime("2017-03-17 12:20:00");//指定时间,根据需求传入时间
                TimeLastUtil timeLastUtil = new TimeLastUtil(MainActivity.this,  waitTime, 1000, tvTime);
                timeLastUtil.setType(1);
                timeLastUtil.start();*/
            }
        });
    }
}


3.TimeLastUtil.java

package com.example.yechaoa.timedemo;
import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Color;
import android.os.CountDownTimer;
import android.text.Spannable;
import android.text.SpannableString;
import android.text.style.ForegroundColorSpan;
import android.widget.TextView;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;
/**
 * Created by yechaoa on 2016/11/11.
 */
public class TimeLastUtil extends CountDownTimer {
    private Context mActivity;
    private TextView btn;
    private int type = 0;
    /**
     *  1.上下文
     *  2.总时间
     *  3.计时单位
     *  4.控件对象
     */
    public TimeLastUtil(Context mActivity, long millisInFuture, long countDownInterval, TextView btn) {
        super(millisInFuture, countDownInterval);
        this.mActivity = mActivity;
        this.btn = btn;
    }
    /**
     *  根据设置的间隔时间循环调用
     * @param millisUntilFinished
     */
    private int length;
    @Override
    public void onTick(long millisUntilFinished) {
        if (type == 1) {
            int mi = 1000 * 60;
            //计算分钟
            long minute = millisUntilFinished / mi;
            //总时间-分钟的毫秒数得到秒数
            long second = (millisUntilFinished - minute * mi) / 1000;
            //计算小时
            long hour = minute / 60;
            long showMinute = minute - hour * 60;
            String strHour = hour < 10 ? "0" + hour : "" + hour;
            //分
            String strMinute = minute < 10 ? "0" + showMinute : "" + showMinute;
            //秒
            String strSecond = second < 10 ? "0" + second : "" + second;
            // 设置倒计时时间
            btn.setText("倒计时:" + strHour + ":" + strMinute + ":" + strSecond);
        } else {
            // 设置背景为灰色,这时是不能点击的
            btn.setClickable(false);
            btn.setBackgroundColor(Color.GRAY);
            // 设置倒计时时间
            btn.setText(millisUntilFinished / 1000 + "s后重新获取");
            // 获取按钮的文字
            Spannable span = new SpannableString(btn.getText().toString());
            if(millisUntilFinished / 1000>9){
                length=2;
            }else{
                length=1;
            }
            // 将倒计时时间显示为红色
            span.setSpan(new ForegroundColorSpan(Color.RED), 0, length, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
            btn.setText(span);
        }
    }
    /**
     *  结束时调用
     */
    @SuppressLint("NewApi")
    @Override
    public void onFinish() {
        if (type == 1) {//两小时倒计时
            btn.setText("倒计时结束");
            btn.setTextColor(Color.WHITE);
            btn.setEnabled(false);
        } else {//验证码倒计时
            btn.setText("重新获取验证码");
            btn.setClickable(true);
            // 还原背景色
            btn.setBackgroundColor(Color.parseColor("#ff6600"));
        }
    }
    /**
     *  设置类型
     * @param mType
     */
    public void setType(int mType) {
        this.type = mType;
    }
    /**
     *  根据指定时间进行两小时倒计时
     * @param insertTime
     * @return
     */
    public static long getRemainderTime(String insertTime) {
        long waitTime = 0;
        //时间格式化
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        //获取当前时间
        Date curDate = new Date(System.currentTimeMillis());
        String date1 = sdf.format(curDate);
        try {
            Date d1 = sdf.parse(date1);
            Date d2 = sdf.parse(insertTime);
            /**
             *  当前时间 - 指定的时间 = 已经过去的时间
             *    两小时 - 过去的时间 = 开始计时的时间
             */
            waitTime = (2 * 60 * 60 * 1000) - (d1.getTime() - d2.getTime());
        } catch (ParseException e) {
            e.printStackTrace();
        }
        return waitTime;
    }
}



目录
相关文章
验证码倒计时的注册页面
验证码倒计时的注册页面
45 0
layui框架实战案例(10):短信验证码60秒倒计时
layui框架实战案例(10):短信验证码60秒倒计时
310 0
|
2月前
|
Windows
Axure原型设计:获取验证码倒计时效果的实现
本文介绍了使用Axure 9.0在Windows或Mac电脑上设计手机号登录页面的步骤,包括前期准备和详细教程。前期准备涉及软件、硬件及逻辑梳理。教程涵盖绘制登录页面、创建动态面板实现倒计时效果,以及设置按钮交互。通过这些步骤,实现输入手机号后点击获取验证码的禁用状态与倒计时显示功能。鼓励读者思考其他实现方法,提升Axure使用技巧。
|
2月前
Axure原型设计:制作验证码倒计时,并重新获取交互效果
本文详细介绍了在Axure中实现验证码倒计时交互效果的步骤,包括元件准备、布局美化、全局变量设置及交互效果配置。通过分解交互流程,利用全局变量控制倒计时逻辑,最终实现按钮从“获取验证码”到倒计时状态的自动切换,并可重复使用。
|
3月前
|
NoSQL Java Redis
认证服务---整合短信验证码,验证码倒计时,验证码防刷校验 【一】
这篇文章介绍了如何在分布式微服务项目中整合短信验证码服务,包括使用阿里云短信验证接口、将短信验证功能集成到第三方服务中、其他服务的远程调用,以及通过Redis实现验证码防刷机制的代码实现和遇到的问题解决方案。
|
4月前
发送短信验证码,60秒倒计时重发
发送短信验证码,60秒倒计时重发
47 0
发送短信验证码,60秒倒计时重发
|
4月前
|
API 索引
Android-短信验证码
Android-短信验证码
35 0
|
6月前
|
NoSQL 安全 前端开发
验证码倒计时:用户界面的小细节,大智慧
本文深入探讨了验证码倒计时的设计和实现,一项看似简单但对用户体验影响深远的功能。我们将讨论为什么需要倒计时,如何在不同平台(如Web和移动应用)上实现它,以及如何确保它既用户友好又安全。无论你是前端新手还是资深开发者,理解验证码倒计时的原理和最佳实践都将有助于你创建更流畅、更安全的用户界面。
213 3
|
6月前
|
XML 算法 Java
Android 开发人脸识别之自动识别验证码功能讲解及实现(超详细 附源码)
Android 开发人脸识别之自动识别验证码功能讲解及实现(超详细 附源码)
229 0
|
6月前
|
XML Java Android开发
Android Studio App开发之利用图片加载框架Glide实现刷新验证码功能(附源码 简单易懂)
Android Studio App开发之利用图片加载框架Glide实现刷新验证码功能(附源码 简单易懂)
62 0