Angular의 간단한 타이머 기능 예

1345 단어
이 문서의 실례는 Angular가 실현하는 간단한 타이머 기능을 설명한다.다음과 같이 여러분에게 참고할 수 있도록 공유합니다.




  
  www.jb51.net Angular 
  
  
    var myapp=angular.module("myapp",[]);
    myapp.controller("myCtrl",function ($scope,$interval,$timeout) {
      $scope.num=0;
      $scope.fun=function () {
//        $interval(function () {
//          $scope.num++
//        },1000)
//        setInterval(function () {
//          $scope.$apply(function () {
//            $scope.num++;
//            console.log($scope.num)
//          })
//        },1000);
//                $interval(function () {
//
//            $scope.num++;
//            console.log($scope.num);
//
//        },1000,5,false);
        $timeout(function () {
          $scope.num++;
        },1000);
      }
    })
  



{{num}}


실행 코드, 단추를 누르면 1초 후 단추 위의 디지털 프로그래밍 1을 볼 수 있습니다.간단한 정시 촉발 기능을 실현하였다.
더 많은 AngularJS 관련 내용에 관심이 있는 독자들은 본 사이트의 주제를 볼 수 있습니다:, 및 AngularJS MVC 구조 요약
본 논문이 여러분의 AngularJS 프로그래밍에 도움이 되기를 바랍니다.

좋은 웹페이지 즐겨찾기