沈阳APP开发实现倒计时效果
2024/8/9 11:47:04 浏览:136
日常生活中我们在刷淘宝、京东一些商城类APP时,如果遇到当时打折的宝贝,都会看到在商品页面旁边会显示一排时间文字,然后时间会跟随约定要时间的间隔自动递减至零为止,然后时间文字消失,商品价格同时恢复原价,也就是平常我们说的倒计时效果,那么这个效果在实际APP开发中时如何实现呢,今天就来跟大家分享一下相关经验方法。首先我们要先了解CountDownTimer这个对象,创建这个对象时我们需要两个参数millisInFuture和countDownInterval,前者代表倒计时的总时间,后者代表递减间隔时间,这里要注意两个时间参数的单位要保持一致,比如我们要实现一个30秒倒计时的功能,每隔一秒更新一次时间,那么就需要传入30*1000和1000两个数字参数,之后我们需要实现onTick和onFinish两个方法,其中onTick会回调一个millisUntilFinished剩余时间,例如返回2979,那么用这个结果除以1000,然后省略掉小数点保留整数,得到的就是29秒。而onFinish方法,顾名思义就是倒计时结束后的回调函数,在这里我们需要处理整个倒计时结束后的一些逻辑,这样我们就基本实现了一个倒计时30秒,每隔1秒更新一次时间的小功能。其实这个倒计时效果不止商城类APP要用到,在其他APP开发中,比如我们用自己的手机号注册登录APP,需要发送求取手机验证码的API,这时我们需要规定多少秒结束后才可以再一次发送求取验证的API,在倒计时期间是不允许频繁请求验证码API的。