multiple $ interval Angular JS prob

Question

這種輸出並不完全是我想要的，我不知道問題出在哪裏，通常應該在第二次循環之後完成第一個時間間隔，但結果如下所示：

我Y：4

我的I：4

我Y：3

我的I：5

我Y：2

我的我：6

但我想要的是完成第一個循環後，開始第二個。

在此先感謝

 var pos = new google.maps.LatLng(53, 91); 
     var j = $scope.map.zoom; 
     $interval(function() { 
      $scope.map.setZoom(j--); 
      console.log(" my j :"+j); 
     }, 500, 3);// Zoom out after 0.5 sec 

     $scope.map.panTo(pos); // Pan map to that position 

     var i = $scope.map.zoom; 
     $interval(function() { 
      $scope.map.setZoom(i++); 
      console.log("my i :"+i); 
     }, 500, 3);// Zoom in after 0.5 sec 

Answer 1

當從第一區間的承諾解決您就可以開始第二區間：

$interval(function() { 
    $scope.map.setZoom(j--); 
    console.log(" my j :"+j); 
}, 500, 3).then(function() { 
    var i = $scope.map.zoom; 
    $interval(function() { 
     $scope.map.setZoom(i++); 
     console.log("my i :"+i); 
    }, 500, 3); 
});