AngualrJ와 함께 타이머 사용하기

이번에는 AngualrJ가 포함된 timer와 AngualrJ가 포함된 타이머를 사용할 때의 주의사항에 대해 알려드리겠습니다. 다음은 실제 사례입니다.

angualrJs 클리어 타이머 등반 피트 로드:

오늘 이상한 문제를 발견했습니다. 페이지 점프 후에도 사용자 정의 명령에 배치된 타이머가 여전히 다른 페이지에서 실행되고 있습니다. 이는 확실히 불가능하며 시스템 성능에 영향을 미칩니다. Angular의 기본 메소드인 window.

onunload

를 사용했는데 작동하지 않아서 Angular의 자체 메소드인 $destroy를 사용해야 했습니다. 페이지가 점프하거나 DOM 구조가 변경되면 타이머가 지워질 수 있습니다

      var timer = setInterval(function(){
          $scope.$apply(function(){
            //这里是想要定时刷新的逻辑
          });
        },3000);
        $scope.$on('$destroy',function(){
          if (timer) {
            clearInterval(timer);
            timer = null;
          }
        });

여기서는 기본 setTimeout() 및 setInterval()javascript

/wiki/145.html" target="_blank">함수 , 따라서 지우기는 clearTimeout() 및 clearInterval()에 해당하고 각도 타이머는 $timeOut 및 $interval이므로 삭제는 $timeOut.cancel() 및 $interval.cancel(), setTimeout()以及setInterval()函数,所以清除时对应是clearTimeout()和clearInterval()，angular定时器是$timeOut和$interval，所以清除对应是$timeOut.cancel()和$interval.cancel() 일대일 대응이 이루어져야 하며 불일치 사항은 해결되지 않습니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

JS는 중복 없이 난수 생성을 구현합니다.

내보내기 및 module.exports 사용 방법

위 내용은 AngualrJ와 함께 타이머 사용하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!