您的位置:首页 > Web前端 > AngularJS

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

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

        }

    }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  angularjs