AngularJS 페이지 정시 리 셋 실현

때때로 우 리 는 전단 에서 이런 수요 가 있 을 수 있다.
1.일정 시간 마다 페이지 의 데 이 터 를 새로 고침 합 니 다.
2.필요 에 따라 리 셋 을 일시 정지 하고 사용 할 수 있 습 니 다.
다음은 AngularJS 의 실현 방법 을 살 펴 보 겠 습 니 다.
우선 AngularJS 에서$interval 은 간헐 적 으로 일 을 처리 할 수 있다 는 것 을 알 게 되 었 습 니 다.그러면 우리 의 간헐 적 새로 고침 은 interval 로 이 루어 집 니 다.
$interval 사용 방법:
1.정시 작업 시작

$interval(function(){},n1,n2);
첫 번 째 매개 변수 function 은 우리 의 정시 작업 이 촉발 할 사건 을 말 합 니 다.
두 번 째 매개 변수 n1 은 몇 밀리초 마다 한 번 씩 촉발 하 는 것 을 말한다.
세 번 째 매개 변수 n2 는 지 정 된 시간 에 사건 을 촉발 하 는 횟수 이 고 무한 순환 하면-1 로 설정 할 수 있 습 니 다.
예:

$interval(function(){console.log('aaa');},1000,10); 
콘 솔 에서 1 초 에 한 번 씩 aa 를 치 는 것 을 나타 내 며 총 10 번 인쇄 합 니 다.
2、퀘 스 트 하나 정지

$interval.cancel(timer); 
timer 를 퀘 스 트 대상 으로
예:

var timer = $interval(function(){console.log('aaa');},1000,10); 
$interval.cancel(timer);
사용 과정 에서$interval(function(){},n1,n2 만 사용 했다 면;페이지 를 닫 은 후에 도 브 라 우 저 는 해당 하 는 작업 을 수행 합 니 다.계속 실행 하지 않 으 려 면 현재 페이지 가 닫 히 고 자동 작업 이 즉시 중단 되면 사용 할 수 있 습 니 다.

$scope.$on('$destroy',function(){
  $interval.cancel(timer);
});
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기