■ 참고
AnuglarJS $timeout Example
[AnuglarJS] 쉽지만 쉽지않은 $timeout 서비스
■ AngularJS의 $timeout은 javascript의 window.setTimeout을 사용하기 위한 AngularJS의 래퍼
■ 지연시간(딜레이)없이 즉시 console.log를 실행한다. 각 함수의 실행순서를 줄 때 사용한다.
$timeout(function() { console.log("실행..."); });
■ 1000밀리세컨드(1초)후 timer함수를 실행한다.
var timer = function() { console.log("1초 후 실행"); } $timeout(timer, 1000);
■ 전체 소스, $timeout 테스트 시작 버튼을 클릭하면 테스트가 시작된다.
<!DOCTYPE html> <html ng-app="myApp"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8"> <head> <title></title> <script src="/js/angularjs/1.5.6/angular.js"></script> <script src='/js/jquery/jquery-1.11.0.min.js'></script> <script> var myApp = angular.module("myApp",[]); myApp.controller("myAppCtrl", function($scope,$timeout){ $scope.startTimeout = function() { $("#log").append("$timeout 테스트 시작<br/>"); $timeout(function() { $("#log").append("$timeout 실행중..."); },1000); //time $scope.time = 0; //timer callback var timer = function() { if( $scope.time < 5000 ) { $("#log").append("<br/>timer time : " + $scope.time ); $scope.time += 1000; $timeout(timer, 1000); } } //run!! $timeout(timer, 1000); }; }); </script> </head> <body ng-controller="myAppCtrl"> <h1> AngularJS $timeout<br/> <font color="red"> // 1초후 timer함수 실행<br/> $timeout(timer, 1000); </font> </h1> <button ng-click="startTimeout()">$timeout 테스트 시작</button> <hr/> <div id="log"></div> </body> </html>
- AngularJS angular.copy 사용법, angular 복사 2019년 5월 17일
- AngularJS fromJson, toJson 사용법 2019년 5월 15일
- AngularJS에서 ng-style사용시 조건문 이용방법 2019년 4월 25일
- AngularJS에서 ng-style사용시 함수 이용방법 2019년 4월 23일
- AngularJS 동적 HTML, Function 추가 2019년 4월 15일
- AngularJS에서 팝업창 띄우기 2019년 4월 2일
- AngularJS 하나의 모듈에 factory 다중 등록 2018년 2월 26일
- AngularJS factory 예제 2018년 2월 26일
- AngularJS forEach ng-repeat 예제 2018년 2월 19일
- AngularJS $http, spring TEXT response 예제 2018년 1월 17일
- AngularJS selectbox 간단한 예제 2018년 1월 15일
- AnuglarJS forEach 예제 2018년 1월 12일
- AngularJS checkbox 제어 및 활성/비활성(ng-disabled) 예제 2018년 1월 8일
- AngularJS button 활성/비활성(ng-disabled) 예제 2018년 1월 8일
- AngularJS radio 활성/비활성(ng-disabled) 예제 2018년 1월 8일
- AngularJS $broadcast, $emit, $on 예제 2018년 1월 3일
- AngularJS – $watch $digest $apply Life Cycle 2017년 12월 26일
- AngularJS $watchCollection 2017년 12월 26일
- AngularJS $watchGroup 2017년 12월 26일
- AngularJS $watch 2017년 12월 26일
- AngularJS 반복문 ng-repeat 2017년 7월 22일
- AngularJS $timeout 2017년 7월 22일
- AngularJS Show/Hide, 보이기/숨기기 2017년 7월 16일
- AngularJS 라디오 버튼 제어 2017년 7월 16일
- AngularJS시작하기, Hello AngularJS 2017년 7월 15일