Using the Angular interval timer function

Question

I have a created a basic image slider which works well.

I am trying to make attempts to add the angular $interval service to my function in order for the slide to transition automatically.

Does any know how this can be achieved I am assuming this function only requires one or two lines of code. I've also Plunkr

// JOBS FLICKR FUNCTIONS 

$scope.jobNotification = 0;

var timer = $interval();

$scope.isActive = function (index) {
    return $scope.jobNotification === index;
};

$scope.showJobNotification = function (index) {
    $scope.jobNotification = index;
};

I've quite a few versions in bootstrap, however i trying to build something manually so i can understand what i am doing.

plnkr.co/edit/DxhkMkH9Rxe7lrKYDYF8?p=preview

Jack
– Jack

2015-03-13 02:34:58 +00:00
Commented Mar 13, 2015 at 2:34 — Jack
– Jack, Commented Mar 13, 2015 at 2:34

Steven Wexler · Accepted Answer · 2015-03-13 02:32:25Z

1

$interval takes in a function which will be called every X seconds.

var timeBetweenEachInterval = 5 * 1000; //5 seconds (or 5000 milliseconds)
var intervalPromise = $interval(function () { 
  //This function will be called every 5 seconds.
  index = index + 1;
  if (/*don't need interval anymore*/) {
    $interval.cancel(intervalPromise);
  }
}, timeBetweenEachInterval);

answered Mar 13, 2015 at 2:32

Steven Wexler

17.5k8 gold badges59 silver badges83 bronze badges

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

Collectives™ on Stack Overflow

Using the Angular interval timer function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related