AngualrJs清除定時器時遇到的問題

這篇文章主要介紹了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(),

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

總結

#

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