javascript - 如何运行函数，当用户没有在特定时间 JS 进行输入时

Question

我正在写心理测验，我会用它来测试人的能力。

我正在寻找解决方案。用户必须在 1 秒内完成输入，否则应跳过该问题。

功能:

  return new Promise((resolve) => {
    document.addEventListener("keydown", (event) => {
      if (event.key === "a") {
        resolve(true);
      }
    });
  });
}

总的来说，我尝试了几种方法但都失败了。

编辑:基于 majusebetter 答案，我实现了 setTimeout。代码:

async function waitForClue() {
  return new Promise((resolve) => {
    const waitForAnswer = () =>
      setTimeout(() => {
        resolve("no answer");
        clearTimeout(waitForAnswer);
      }, 1000);
    waitForAnswer();
    document.addEventListener("keydown", (event) => {
      if (event.key === "a") {
        resolve(true);
      }
    });
  });
}

Answer 1

该问题的一个简单解决方案是将 setTimeout() 与 clearTimeout() 结合使用。

function nextQuestion() {
  // Do your "skip" stuff here
  alert('Too late!');
}


const input = document.getElementById('answer');
input.focus();

const handle = window.setTimeout(() => nextQuestion(), 2000);
input.addEventListener('keydown', event => window.clearTimeout(handle));

<input id="answer" type="text">

https://jsfiddle.net/0ymn65ok/1/