Using Dynamic Values For $interval Delay In angularJs

Question

I want to use a dynamic delay for interval:

var tabDelay = 1500;
var timer = $interval(function() {
    if (some if) {

            tabDelay = 5000;

        } else {

            tabDelay = 1000;

        }
    }
},tabDelay);

But seems that this is not the right way. How could I use dynamic values for $interval delay in angularJs?

Sean3z · Accepted Answer · 2016-01-21 14:00:00Z

3

Consider using $timeout as I don't believe you can change an interval's duration

answered Jan 21, 2016 at 14:00

Sean3z

3,7456 gold badges28 silver badges33 bronze badges

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

3 Comments

TheNone Over a year ago

But I have to use it in angular material tab like slider : stackoverflow.com/questions/34919979/…

dfsq Over a year ago

@TheNone Interval is trivial to implement using timeout, but gives you some flexibility like changing timeout time.

Sean3z Over a year ago

@TheNone You could always clear the interval and reset it using an example like this stackoverflow.com/a/7445863/1128459 (in your case, you'd use $interval.cancel(timer);

Dragos Rusu · Accepted Answer · 2016-01-21 14:18:40Z

0

I would personally recommend recurring $timeout.

The main advantage of this approach is that, if you have an async method inside, you can wait for that async to happen and then trigger another timeout. This is particularly useful when pooling for different data sets.

var delay = 500, clearTimeout, stop = false;
function doLoad (stop) {
  if (x) {
    delay = 1000;
  } else {
    delay = 500;
  }

  if (myCondition) {
    stop = true;
  }

  // do stuff
  if (stop) {
    if (clearTimeout) {
      $timeout.cancel(clearTimeout);
    }
  } else {
    clearTimeout = $timeout(doLoad, delay);
  }
}


doLoad(delay);

Would this be an option? What are the constraints on Angular Material?

edited Jan 21, 2016 at 14:18

answered Jan 21, 2016 at 14:06

Dragos Rusu

1,57814 silver badges14 bronze badges

3 Comments

TheNone Over a year ago

There is no any constraint in material. But in my example the above code not worked.

Dragos Rusu Over a year ago

the above code is "pseudo code" - you'd have to implement for your own. what's the output?

TheNone Over a year ago

I know :) I have used recursive function for this case.

Collectives™ on Stack Overflow

Using Dynamic Values For $interval Delay In angularJs

2 Answers 2

3 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related