一个简单的方法来实现一个60秒的按钮，Angular.js得到一个倒计时的一个验证码验证

前言

本文主要介绍了angular.js实施的相关内容获取验证码，倒计时60秒按钮，我不需要介绍更多关于这个功能。

一、控制器代码


Angular.module（'controllers）
控制器（'loginctrl功能（$美元范围，位置，ionicloading美元，美元美元美元区间，rootscope，超时）{
scope.timer美元= false；
scope.timeout = 60000美元；
scope.timercount美元=美元scope.timeout / 1000；
scope.text美元=获取验证码；
scope.onclick美元=函数（）{
scope.showtimer美元=真；
scope.timer美元=真；
scope.text美元=秒；
var计数器= $间隔（函数（））{
scope.timercount = $ 1美元scope.timercount；
}，1000）；
超时（函数（）{（））
scope.text美元=获取验证码；
scope.timer美元= false；
interval.cancel美元（计数器）；
scope.showtimer美元= false；
scope.timercount美元=美元scope.timeout / 1000；
}，$范围.超时）；
}；
}）；


二，在HTML页面中


{ { { { } } timercount文本} }


注：



1。class=YZ BTN 按钮的风格，并且可以修改本身；



2、NG禁用=定时器控制是否可以单击按钮。



3。如果=showtimer控制，数字显示；



4。ng点击=onClick（）触发的效果，文字文本默认的验证码，点击后，60后重新访问。

三。效果图

1。在点击




2。点击后


总结

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。如果有任何疑问，可以留言交流，谢谢您的支持。