AngularJs 更新 $interval 延迟时间

Question

我的html代码是：

<select ng-model='refresh_rate' ng-change="onRefreshRateChange()">
    <option value='10000'>10</option>
    <option value='30000' selected>30</option>  
    <option value='60000'>60</option>
    <option value='180000'>180</option>
    <option value='300000'>300</option>
</select>

在我的角度控制器中是：

var intervaL = $interval(function(){
    //[here]
    //after run every times i want update delay to $scope.refresh_rate
}, $scope.refresh_rate);

在上面的代码中看到这一行： //这里我想更新延迟时间到$scope.refresh_rate

现在我想要一个代码来代替这一行

Answer 1

要更改$interval 速率，您需要停止一个$interval 并启动另一个。

无需详细说明最后一次 $interval 呼叫是否应该立即触发或取消 - 我会让你自己处理 - 你可以执行以下操作：

var p = $interval(doSomething, $scope.refresh_rate);

$scope.$watch("refresh", function(){
  $interval.cancel(p);
  p = $interval(doSomething, $scope.refresh_rate);
});

function doSomething(){
  //...
}

plunker

编辑：

您当然也可以在 onRefreshRateChange 而不是 $scope.$watch 中执行此操作。不同之处在于您是否愿意在<select> 之外更改$scope.refresh_rate - 这是您将使用$watch 与仅响应<select> 更改的地方

Answer 2

使用 $timeout 循环。

function loop(fn) {
    $timeout(function() {
        if (!$scope.stopBefore) {
            fn();
            $scope.stopAfter || loop(fn);
        }
    , $scope.refresh);
}
loop(doSomething);