沈阳app开发实现倒计时效果-z6尊龙平台

沈阳app开发实现倒计时效果-z6尊龙平台

回到旧版

2024/8/9 11:47:04 浏览:963

日常生活中我们在刷淘宝、京东一些商城类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的。

024- 3189 1684

售前qq:724793417 售后qq:1992978979

地址:沈阳市和平区中山路111号亚贸大厦1305、1306室

网站制作 扫码咨询
"));
网站地图