等待5秒钟，然后执行下一行

Question

下面的函数不能像我希望的那样工作；作为一个JS新手，我不明白为什么。

我需要它等待5秒钟，然后检查newState是否为-1。

目前，它不等待，只是立即检查。

function stateChange(newState) {
  setTimeout('', 5000);

  if(newState == -1) {
    alert('VIDEO HAS STOPPED');
  }
}

Answer 1

您真的不应该这样做，正确使用timeout是解决OP问题和任何其他您只想在一段时间后运行某个东西的情况的正确工具。约瑟夫·西尔伯在他的回答中很好地证明了这一点。然而，如果在一些非生产性的情况下，您真的想要将主线程挂起一段时间，那么这就可以了。

function wait(ms){
   var start = new Date().getTime();
   var end = start;
   while(end < start + ms) {
     end = new Date().getTime();
  }
}

以执行的形式：

console.log('before');
wait(7000);  //7 seconds in milliseconds
console.log('after');

我来到这里是因为我正在构建一个简单的测试用例，用于围绕长时间运行的阻塞操作（即昂贵的DOM操作）对异步操作的混合进行排序，这是我的模拟阻塞操作。它非常适合这项工作，所以我想我把它发布给任何带着类似用例来到这里的人。即便如此，它还是在同时循环中创建了一个Date（）对象，如果运行时间足够长，它可能会淹没GC。但是我怎么强调都不为过，这只适用于测试，对于构建任何实际功能，你应该参考Joseph Silber的答案。

Answer 2

下面是使用新的async/wait语法的解决方案。

确保检查浏览器支持，因为这是ECMAScript 6引入的语言功能。

效用函数：

const delay = ms => new Promise(res => setTimeout(res, ms));

使用方法：

const yourFunction = async () => {
  await delay(5000);
  console.log("Waited 5s");

  await delay(5000);
  console.log("Waited an additional 5s");
};

这种方法的优点是，它使代码的外观和行为与同步代码类似。

Answer 3

您必须将代码放在您提供给setTimeout的回调函数中：

function stateChange(newState) {
    setTimeout(function () {
        if (newState == -1) {
            alert('VIDEO HAS STOPPED');
        }
    }, 5000);
}

任何其他代码将立即执行。