手机版

实现验证码倒计时功能的方法

时间:2021-09-04 来源:互联网 编辑:宝哥软件园 浏览:

我和大家分享了一下安卓原生实现验证码的倒计时。地址在这里。现在公司用ion开发的App也要实现类似的功能。现在也记录下来供大家参考:

渲染:

主体

首先,介绍了与本文相关的区间概念

$interval是window.setInterval的Angular包装。如果该函数没有被取消,它将被无限期执行。(取消(承诺))

用法:

$interval(fn,delay,[count],[invokeApply],[Pass]);参数描述:

Fn :无限执行的函数必须有参数,延迟:必须传递每次调用的毫秒值,计数:必须传递周期数。如果没有设置,它将循环不必要的参数,而不传递invokeApply :如果设置为false,将避免脏值检查,否则将调用$apply不必要的参数,并在不传递不必要参数的情况下传递:个附加参数。

1、取消(承诺)

promise:$ interval函数的返回值。

具体实现

$scope.description=“获取验证码”;var timerHandler=null/* * *倒计时* @param time控制循环次数*/var倒计时=函数(秒,时间){timerhandler=$ interval(函数(){if(秒=0) {$ interval。取消(timer handler);秒=59;$scope.description=“获取验证码”;} else {$ scope。描述=秒,可以重传;第二;} },1000,time)}通话

倒计时(59,60);最后,别忘了注入$区间。

摘要

以上就是本文的全部内容。希望这篇文章的内容对你的学习或工作有所帮助。有问题可以留言交流。谢谢你的支持。

版权声明:实现验证码倒计时功能的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。