angular内置服务interval和timeout

来源:互联网 发布:封面制作软件ios 编辑:程序博客网 时间:2024/06/09 13:44
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="../angular.min.js"></script>    <script>        var a=angular.module("myapp",[]);        a.controller("myctrl",function ($scope,$interval,$timeout) {            $scope.number=0;            var timmer;            $scope.fun=function () {                $interval.cancel(timmer);                timmer = $interval(function () {                     $scope.number++;                 },1000)//                $timeout(function () {//                    $scope.number++;//                })             }            $scope.stop=function () {                $interval.cancel(timmer);            }        });    </script></head><body ng-app="myapp" ng-controller="myctrl"><p>{{number}}</p><button ng-click="fun()">开始</button><button ng-click="stop()">关闭</button></body></html>