Question

我创建了一个效果很好的基本图像滑块。

我正尝试尝试将角度$interval服务添加到我的函数中，以便幻灯片自动转换。

有没有人知道如何实现这一点我假设这个功能只需要一行或两行代码。我还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;
};

我在bootstrap中有很多版本，但是我试图手动构建一些东西，这样我才能理解我在做什么。

Answer 1

$ interval接受一个每X秒调用一次的函数。

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);

使用Angular间隔计时器功能

1 个答案: