How to clear or stop timeInterval in angularjs

Question

I am making a demo in which I am fetching data from the server after regular intervals of time using  interval Now I need to stop cancel this   How I can achieve this  If I need to restart the process  how should I do that   Secondly  I have one more question  I am fetching data from the server after reqular intervals of time  Is there any need to use  scope apply or  scope watch    Here is my plunker     app controller  departureContrl  function  scope test   interval      setData         interval setData  1000 30       function setData           scope loading true      test stationDashBoard function data           console log data            scope data data data           scope loading false            alert data         function error           alert  error                        http   plnkr co edit ly43m5 p preview

User · Answer

When you want to create interval store promise to variable   var p    interval function           1000     And when you want to stop   clear the interval simply use    interval cancel p

User · Answer

You can store the promise returned by the interval and use  interval cancel   to that promise  which cancels the interval of that promise  To delegate the starting and stopping of the interval  you can create start   and stop   functions whenever you want to stop and start them again from a specific event  I have created a snippet below showing the basics of starting and stopping an interval  by implementing it in view through the use of events  e g  ng-click  and in the controller    x000D   x000D  angular module  app       x000D   x000D     controller  ItemController   function  scope   interval    x000D     x000D         store the interval promise in this variable x000D      var promise  x000D     x000D         simulated items array x000D       scope items       x000D       x000D         starts the interval x000D       scope start   function     x000D           stops any running interval to avoid two intervals running at the same time x000D         scope stop     x000D         x000D           store the interval promise x000D        promise    interval setRandomizedCollection  1000   x000D         x000D     x000D         stops the interval x000D       scope stop   function     x000D         interval cancel promise   x000D         x000D     x000D         starting the interval by default x000D       scope start    x000D    x000D         stops the interval when the scope is destroyed  x000D         this usually happens when a route is changed and  x000D         the ItemsController  scope gets destroyed  The x000D         destruction of the ItemsController scope does not x000D         guarantee the stopping of any intervals  you must x000D         be responsible for stopping it when the scope is x000D         is destroyed  x000D       scope  on   destroy   function     x000D         scope stop    x000D          x000D               x000D      function setRandomizedCollection     x000D           items to randomize 1 - 11 x000D        var randomItems   parseInt Math random     10   1    x000D           x000D           empties the items array x000D         scope items length   0   x000D         x000D           loop through random N times x000D        while randomItems--    x000D           x000D             push random number from 1 - 10000 to  scope items x000D           scope items push parseInt Math random     10000   1     x000D          x000D        x000D     x000D        x000D   lt div ng-app  app  ng-controller  ItemController  gt  x000D     x000D     lt  -- Event trigger to start the interval -- gt  x000D     lt button type  button  ng-click  start    gt Start Interval lt  button gt  x000D     x000D     lt  -- Event trigger to stop the interval -- gt  x000D     lt button type  button  ng-click  stop    gt Stop Interval lt  button gt  x000D     x000D     lt  -- display all the random items -- gt  x000D     lt ul gt  x000D       lt li ng-repeat  item in items track by  index  ng-bind  item  gt  lt  li gt  x000D     lt  ul gt  x000D     lt  -- end of display -- gt  x000D   lt  div gt  x000D   x000D   lt script src  https   ajax googleapis com ajax libs angularjs 1 2 23 angular min js  gt  lt  script gt  x000D   x000D   x000D

User · Answer

scope toggleRightDelayed   function            var myInterval    interval function                 scope toggleRight              1000 1           then function                 interval cancel myInterval

User · Answer

var promise    interval function        if  location path        landing             rootScope  emit  testData   test             interval cancel promise           2000

User · Answer

var interval    interval function       console log  say hello       1000     interval cancel interval

[javascript] How to clear or stop timeInterval in angularjs?

Examples related to javascript

Examples related to angularjs

Examples related to angularjs-scope