简单计时器代码的实现

最新推荐文章于 2020-06-13 23:27:38 发布

原创最新推荐文章于 2020-06-13 23:27:38 发布 · 888 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了两种JavaScript计时器的实现方法，包括使用$interval的初级方式以及更高级的JS代码实现。

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

比较蠢的一种方法

$interval.cancel(interval);

        second=0;
        minute=0;
        hour=0;
        interval=$interval(function(){
            second++;
            if(second==60)
            {
            second=0;minute+=1;
            }
            if(minute==60)
            {
            minute=0;hour+=1;
            }
            if(hour<10){
                if(minute<10){
                    if(second<10){
                        $scope.timer = "0"+hour+":"+"0"+minute+":"+"0"+second;
                    }else{
                        $scope.timer = "0"+hour+":"+"0"+minute+":"+second;
                    }
                }else{
                    if(second<10){
                        $scope.timer = "0"+hour+":"+minute+":"+"0"+second;
                    }else{
                        $scope.timer = "0"+hour+":"+minute+":"+second;
                    }
                }
            }else{
                if(minute<10){
                    if(second<10){
                        $scope.timer = hour+":"+"0"+minute+":"+"0"+second;
                    }else{
                        $scope.timer = hour+":"+"0"+minute+":"+second;
                    }
                }else{
                    if(second<10){
                        $scope.timer = hour+":"+minute+":"+"0"+second;
                    }else{
                        $scope.timer = hour+":"+minute+":"+second;
                    }
                }
            }
        },1000);

}

稍微高级点的方法

js代码

$scope.spendTime = dataJson.endTime - dataJson.startTime

html代码

<h5>所用时间<span>{{spendTime | date:'mm分ss秒'}}</span></h5>

data为过滤器