JavaScript中setTimeout函数异常求助：无法正常延迟执行

问题根源 #

你遇到的问题是因为setTimeout是异步执行的：它只会把传入的回调函数安排在指定延迟后执行，但函数本身不会阻塞后续同步代码的运行。所以你写在setTimeout外面的console.log会在函数执行到它的时候直接打印，不会等5秒。

解决代码 #

把需要延迟执行的代码（包括console.log）全部放到setTimeout的回调函数里即可：

function real() {
  if (checker2.checked == true) {
    setTimeout(function() {
      checker2.disabled = true
      const p = document.createElement("p")
      p.innerHTML = "Yes! You are human (or at least have a 99.9% of being)"
      document.body.appendChild(p)
      p.style.color = "white"
      // 把console.log移到回调内部，就会和其他操作一起延迟5秒执行
      console.log("This should print after 5 seconds")
    }, 5000)
  }
}

补充说明 #

• 所有需要在延迟后执行的逻辑，都必须放在setTimeout的回调函数范围内
• 如果后续还有其他依赖这个延迟操作的代码，也要确保它们被正确安排在异步回调中，避免同步代码提前执行

内容的提问来源于stack exchange，提问作者CoderMan