今天给大家讲讲颤振里面定时器/倒计时的实现。
<强>一般有两种场景:强>
-
<李>我只需要你在指定时间结束后回调告诉我。回调只需要一次。李>
<李>我需要你在指定时间结束后回调告诉我。回调可能多次。李>
下面针对这两种场景,我们来说下如何在颤振里面使用。
回调一次的定时器
const超时=const持续时间(秒):5); 打印(' currentTime=' + DateTime.now () .toString ()); 计时器(超时,(){//到时回调 打印('今后=' + DateTime.now () .toString ()); });
这里我们设置了超时时间为5秒,然后启动一个定时器,等到5秒时候到了,就会执行回调方法。
我们在定时器启动之前和之后都加上了打印日志,控制台打印输出如下:
颤振:currentTime=2019-06-08 13:56:35.347493
引用>
颤振:今后=2019-06-08 13:56:40.350412
用法总结起来就是:
1。设置超时时间超时
2。启动定时器定时器(超时,回调)
3。
处理回调的回调
回调多次的定时器用法和回调一次的差不多,区别有下面两点:
<李> API调用不同李> <李>需要手动取消,否则会一直回调,因为是周期性的李>
一样的我们通过一个简单的小例子来说明:
int数=0; 常量时间=const持续时间(秒:1); 打印(' currentTime=' + DateTime.now () .toString ()); 计时器。(定时器周期(){//到时回调 打印('今后=' + DateTime.now () .toString ()); 数+ +; 如果(计数祝辞=5){//取消定时器,避免无限回调 timer.cancel (); 计时器=零; } });这里我们的功能是每秒回调一次,当达到5秒后取消定时器,一共回调了5次。
控制台输出如下:
颤振:currentTime=2019-06-08 14:16:02.906858
引用>
颤振:今后=2019-06-08 14:16:03.909963
颤振:今后=2019-06-08 14:16:04.910538
颤振:今后=2019-06-08 14:16:05.911942
颤振:今后=2019-06-08 14:16:06.911741
颤振:今后=2019-06-08 14:16:07.910227
用法总结起来就是:
1。设置周期回调时间期
2。启动定时器计时器。周期(回调(计时器)
3。处理回调的回调(计时器)
4。记得在合适时机取消定时器,否则会一直回调
好了,有了上面的知识储备,接下来,让我们进入实战讲解环节。
<>强业务场景强>
服务器返回一个时间,你根据服务器的时间和当前时间的对比,显示倒计时,倒计时的时间在一天之内,超过一天显示默认文案即可。
<>强场景分析
强>这个业务场景在倒计时这一块就需要使用到我们上面的知识了。由于限定了倒计时是在一天之内,所以显示的文案就是从就是到23:59:59。
<强>具体代码操作强>
基本思路:首先我们需要获得剩余时间,接着启动一个1秒的周期性定时器,然后每隔一秒更新一下文案。
直接上代码:
//时间格式化,根据总秒数转换为对应的hh: mm: ss格式 字符串constructTime (int秒){ int小时=秒~/3600; int分钟=% 3600 ~/60秒; int=秒% 60; 返回formatTime(小时)+“:”+ formatTime(分钟)+“:”+ formatTime(第二次); }//数字格式化,将0 ~ 9的时间转换为00 ~ 09年 字符串formatTime (int timeNum) { 返回timeNum & lt;10 & # 63;“0”+ timeNum.toString (): timeNum.toString (); }//获取当期时间 现在var=DateTime.now ();//获取2分钟的时间间隔 var twoHours=L砑?持续时间(分钟:2)).difference(现在);//获取总秒数,2分钟为120秒 var秒=twoHours.inSeconds;//设置1秒回调一次 常量时间=const持续时间(秒:1);//打印一开始的时间格式,为00:02:00 print (constructTime(秒)); 计时器。(定时器周期(){//秒数减一,因为一秒回调一次 秒,;//打印减一后的时间 print (constructTime(秒)); 如果(秒==0){//倒计时秒数为0,取消定时器 timer.cancel (); 计时器=零; } });颤振定时器,倒计时的快速上手及实战讲解