AngualrJs如何解決清除定時器遇到的坑

本文主要介紹了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;
          }
        });

 這裡說一下，因為我用的是javascript中原生的setTimeout()以及setInterval()函數,所以清除時對應是clearTimeout()和clearInterval()，angular計時器是$timeOut和$interval，所以清除對應是$timeOut.cancel()和$interval.cancel(),

必須一一對應，不一致是不會清除掉的。

相關推薦：

javascript定時器實作進度條功能

以上是AngualrJs如何解決清除定時器遇到的坑的詳細內容。更多資訊請關注PHP中文網其他相關文章！