javascript - 延迟的 Angular $timeout

Question

我希望浏览器在执行下一行代码之前等待 3 秒。

$超时(3000);在脚本中似乎没有做到这一点。我在这里做错了什么吗？

我在 $scope 函数中使用它

app.expandController = function ($scope,$interval, $timeout) {

    $scope.nextLevel = function () {

            //stop numbers
            $scope.StopTimer();

            $timeout(function(){return true;},3000);

            //restart timer with new numbers
            $scope.StartTimer();

            $scope.thresholdwatch == false
        }
}

我通过将 $scope 和 $timeout 传递给另一个函数来分割 Controller 文件

app.controller('myCtrl', function ($scope, $interval, $timeout) {


    app.expandController($scope, $interval,$timeout);

});

Answer 1

如果您使用$timeout，您需要将下一个执行代码放在超时回调中。但是使用 vanila js 进行简单的破解是，

function sleep(ms) {
  var dt = new Date();
  while (Date.now() - dt.getTime() <= ms) {}
  return true;
}

console.log('timer start');
sleep(3000);
console.log('Printing after 3000ms');