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);
});
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
SpringMvc+Angularjs 멀티 파일 대량 업로드SpringMvc 코드 jar 가방 commons-fileupload commons-io spring-mvc.xml 구성 Controller 로컬 저장 AngularJs 코드 Form 양식 커밋 위에서 말한 것은 여...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.