angular 倒计时

最新推荐文章于 2019-08-28 16:26:41 发布

bit小兵

最新推荐文章于 2019-08-28 16:26:41 发布

阅读量196

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiaotaiyang/p/4829080.html

本文介绍了如何使用JavaScript在网页中实现倒计时功能，通过设置定时器和更新视图模型来展示剩余时间，并提供了多种实现倒计时的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$scope.countdown = 10;
var myTime = setInterval(function() {
                                 $scope.countdown--;
                                 $scope.$digest(); // 通知视图模型的变化
                                 }, 1000);

// 倒计时10-0秒，但算上0的话就是11s
setTimeout(function() {
               　　// Do SomeThing

                   clearInterval(myTime);
                   $scope.countdown.$destroy();
}, 11000);

  $scope.countdown="获取验证码";
     $scope.countdownEvent=function(){      
        $scope.countdown=10;
        var myTime=setInterval(function(){
               if($scope.countdown>1){
                $scope.countdown--;
               }else{
                 $scope.countdown="获取验证码";
                 clearInterval(myTime);
               }
        },1000);
     }

 var myinterval;
    $scope.countdown = 10;
    $scope.aa=function(){
           $scope.countdown = 10;               
           mytimeout=$interval(function(){
              if($scope.countdown>1){
                $scope.countdown--;
              }else{
                $interval.cancel(mytimeout);
                $scope.countdown = 10; 
              }
            },1000);       
    }

转载于:https://www.cnblogs.com/xiaotaiyang/p/4829080.html