cancel multi angularjs $timeout

Question

I'm working with angular.

I have a problem with a $timeout function. it is initiate on ng-mousedown so if I clic 2 time, it set 2 timer. That I want to avoid. How Can I delete previous timer to keep only the last one? Here the code:

      $scope.stopRefresh = function() { //ng-mousedown
      $interval.cancel(autoRefresh);
      restartRefresh = $timeout(function(){
      startRefresh();
    },30000);
    };

The code is not clear. Why are you doing $interval.cancel(autoRefresh)? — Ganesh Kumar
– Ganesh Kumar, Commented Nov 15, 2015 at 2:43

Ganesh Kumar · Accepted Answer · 2015-11-15 02:49:17Z

2

This code should work:

$scope.stopRefresh = function() { //ng-mousedown
    $interval.cancel(autoRefresh); //I am not clear with the purpose of this line.

    if(restartRefresh){
        $timeout.cancel(restartRefresh);
    }
    restartRefresh = $timeout(function(){
        startRefresh();
    },30000);
};

answered Nov 15, 2015 at 2:49

Ganesh Kumar

3,2501 gold badge21 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Nitrof Over a year ago

have the same problem. Maybe is a better way. i'll try to explain what I want to do. I some Input type number and text input that contain data update on the $interval autoRefresh() every 5 sec. but when I try to clic on it, I have not time to finish my change before the next refresh and change are lost. so I want to froze the interval for 30 sec on ng-mousedown and reset it if I clic OK.

Ganesh Kumar Over a year ago

I think you should use focus listener for this. When the input gets the focus, you don't want to refresh. Once the user makes change and the focus is out of the input, then you can restart the timer. This is a better when compared to postponing the refresh for 30 seconds. Because, if the user stays in the input field for more than 30 seconds and makes some change, again it will be lost. Now, it is better to include this logic in a separate directive as it involves handling focus in and focus out.

Nitrof Over a year ago

@ Ganesh Kumar. Thanks that's worked with ng-focus and ng-blur.

Nitrof Over a year ago

One more question... Is there an other way that the data is not refreshing during focus than cancel the interval of all data inputs? For archive, here all my code: Arduino home automation

Ganesh Kumar Over a year ago

You are having single $interval on which all inputs are dependent on. I think, you should create a directive for input which encapsulates the $interval service and the start and stop functionalities. Then you can use the directive in multiple places.

Collectives™ on Stack Overflow

cancel multi angularjs $timeout

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related