之前跟大家分享了关于Android原生实现验证码倒计时,地址是这里,现在公司使用离子开发的应用也要实现类似的功能,现在也记录下来,供大家参考:
首先介绍下与本文相关的概念<代码>美元区间代码>
<代码>美元区间代码>是<代码>窗口。setInterval> 代码的角包装形式,函数如果在没有被取消的时候会无限执行。(取消使用取消(承诺))
<强>用法:强>
美元区间(fn,延迟,[数],[invokeApply],[将]);
参数说明:
-
<李> fn:无限执行的函数必须参数,必传李>
<李>延迟:每次调用的间隔毫秒数值必须参数,必传李>
<李>数:循环次数的数值,如果没设置,则无限制循环非必须参数,可不传李>
<李> invokeApply:如果设置为假,则避开脏值检查,否则将调用美元应用非必须参数,可不传李>
<李>通过:函数的附加参数非必须参数,可不传
李>
<强>方法:强>
, <代码>取消(承诺)代码>
,,,,,承诺:<代码> 代码>函美元区间数的返回值。
<强>具体实现强>
美元scope.description="获取验证码”; var timerHandler=零;/* * *倒计时 * @param时间控制循环次数 */var倒计时=function(第二,时间){ timerHandler=$间隔(函数(){ 如果(第二& lt;=0) { 美元interval.cancel (timerHandler); 第二个=59; 美元scope.description="获取验证码”; 其他}{ $ scope.description=第二+”年代后可重发”; 第二,; } 1000年},时间) }
调用
倒计时(59、60);
最后别忘了注入<代码>美元间隔代码>。
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如有疑问大家可以留言交流,谢谢大家对的支持。