首頁 > web前端 > js教程 > 主體

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

小云云
發布: 2018-01-29 10:55:27
原創
1296 人瀏覽過

本文主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!