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 做一个简单的 hack 就是，

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