如何让浏览器控制台等待 javascript

Question

我正在尝试制作一个脚本，点击页面按钮，等待 X 秒（点击结果发生），然后继续。

我该怎么做？（仅等待部分）

Answer 1

您想使用 setTimeout() 在指定延迟后执行代码片段。:

var timeoutID;

function delayedAlert() {
  timeoutID = setTimeout(slowAlert, 2000);
}

function slowAlert() {
  alert("That was really slow!");
}

function clearAlert() {
  clearTimeout(timeoutID);
}

<p>Live Example</p>
<button onclick="delayedAlert();">Show an alert box after two seconds</button>
<p></p>
<button onclick="clearAlert();">Cancel alert before it happens</button>

或者您可以使用 setInterval() 重复调用函数或执行代码片段，每次调用该函数之间有固定的时间延迟：

function KeepSayingHello(){
  setInterval(function () {alert("Hello")}, 3000);
}

<button onclick="KeepSayingHello()">Click me to keep saying hello every 3 seconds</button>

Answer 2

使用 setTimeout，它只在提供的延迟后执行一次

setTimeout(function(){
  console.log('gets printed only once after 3 seconds')
  //logic
},3000);

使用 setInterval ，它在提供的延迟后重复执行

setInterval(function(){
  console.log('get printed on every 3 second ')
},3000);

clearTimeout和clearInterval是用来清理的!!!

Answer 3

不知怎么的，setTimeout 对我没有任何作用。但是 window.setTimeout 确实如此。

window.setTimeout(function() {
  alert("Hello! This runs after 5 seconds delay!");
}, 5000);

如何让浏览器控制台等待 javascript

How to make a browser console wait in a javascript

javascript

browser

console

wait