注册登录页面的获取验证码倒计时

来源:互联网 发布:程序员 长相 编辑:程序博客网 时间:2024/05/29 05:02

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);
        }
    }




原创粉丝点击