多个 $interval Angular JS 概率

Question

这个输出不是我想要的，我不知道问题出在哪里，通常它应该在开始第二个循环之后完成第一个间隔，但结果是这样的：

我的 j : 4

我的我：4

我的 j : 3

我的我：5

我的 j : 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);
});