用AngualrJs使用定時器

這次帶給大家用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(),

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

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

JS實作去重的隨機數產生

#exports與module.exports使用方法

以上是用AngualrJs使用定時器的詳細內容。更多資訊請關注PHP中文網其他相關文章！