angular+两个按钮一个暂停一个停止

最新推荐文章于 2020-07-06 10:15:36 发布

C--罗纳尔多

最新推荐文章于 2020-07-06 10:15:36 发布

阅读量871

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/dangai0201/article/details/77936575

版权

html5 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="angular/angular.js"></script>
    <script>
        var myapp=angular.module("myapp",[]);
        var timmer
        myapp.controller("myCtrl",function($scope,$interval,$timeout){
            $scope.num=0;
            $scope.fun=function(){
                $interval.cancel(timmer);
                timmer=$interval(function(){
                    $scope.num++;
                    console.log($scope.num);
                },1000,5,true);
                /*  $timeout(function(){
                 $scope.num++;
                 },1000);*/
                /*                setInterval(function(){
                 $scope.$apply(function(){
                 $scope.num++;
                 //console.log($scope.num)
                 })
                 },1000)*/
                $scope.stop=function(){
                    $interval.cancel(timmer);
                }

            }
        })
    </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<p>{{num}}</p>
<button ng-click="fun()">按钮</button>
<button ng-click="stop()">结束按钮</button>
</body>
</html>

C--罗纳尔多

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular+两个按钮一个暂停一个停止

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="angular/angular.js">script> script> var myapp=angular.module("myapp",[]); var timmer
复制链接

扫一扫