注册登录页面的获取验证码倒计时
2017-06-29 09:06
218 查看
html
<div class="get-vertify" ng-click="getVertify()" ng-if="visible">获取验证码</div>
<div class="get-vertify invalid-vertify" ng-if="invisible">{{leftTime}}秒后失效</div>angularjs
$scope.visible=true;
$scope.leftTime=60;
var updateClock=function(){
$scope.leftTime--;
$scope.leftTime=$scope.leftTime>9?$scope.leftTime:'0'+$scope.leftTime;
if ($scope.leftTime > 0) {
$timeout(function() {
updateClock();
}, 1000);
} else {
$scope.visible=true;
$scope.invisible=false;
$timeout.cancel(updateClock);
}
}
<div class="get-vertify" ng-click="getVertify()" ng-if="visible">获取验证码</div>
<div class="get-vertify invalid-vertify" ng-if="invisible">{{leftTime}}秒后失效</div>angularjs
$scope.visible=true;
$scope.leftTime=60;
var updateClock=function(){
$scope.leftTime--;
$scope.leftTime=$scope.leftTime>9?$scope.leftTime:'0'+$scope.leftTime;
if ($scope.leftTime > 0) {
$timeout(function() {
updateClock();
}, 1000);
} else {
$scope.visible=true;
$scope.invisible=false;
$timeout.cancel(updateClock);
}
}
相关文章推荐
- Android 注册页面 设置显示或者隐藏密码 和 点击获取验证码倒计时60s
- 手机注册登录时,获取验证码之后倒计时
- Android手机注册登录时获取验证码之后倒计时功能(知识点总结)
- Android账号注册实现点击获取验证码倒计时效果
- Android自定义View获取注册验证码倒计时按钮
- springboot 整合 MongoDB 实现登录注册,html 页面获取后台参数的方法
- 如何在注册页面,获取验证码的值。
- ajax获取验证码后倒计时不受页面关闭及刷新影响
- 注册页面获取验证码
- 注册界面+获取验证码倒计时设置
- Angular获取手机验证码实现移动端登录注册功能
- WEB开发之注册页面验证码倒计时代码的实现
- javaweb登录页面验证码验证以及session中验证码值获取不同步的问题
- 验证码倒计时的注册页面
- android手机注册登录+验证码+发送60s倒计时
- JS实现验证码倒计时的注册页面
- 注册页面 , 验证码倒计时代码的实现
- binbinyang-----Android获取验证码后倒计时程序--注册模块
- angular获取手机验证码 移动端登录注册