我想在while循环中添加一个delay/sleep:
我是这样试的:
alert('hi');
for(var start = 1; start < 10; start++) {
setTimeout(function () {
alert('hello');
}, 3000);
}
只有第一种情况是正确的:在显示alert('hi')后，它将等待3秒，然后alert('hello')将显示，但随后alert('hello')将不断重复。
我想要的是，在警报('hello')显示3秒后警报('hi')，然后它需要等待3秒的第二次警报('hello')，以此类推。
当前回答
下面是我如何创建一个无限循环的延迟，在特定条件下中断:
// Now continuously check the app status until it's completed,
// failed or times out. The isFinished() will throw exception if
// there is a failure.
while (true) {
let status = await this.api.getStatus(appId);
if (isFinished(status)) {
break;
} else {
// Delay before running the next loop iteration:
await new Promise(resolve => setTimeout(resolve, 3000));
}
}
这里的关键是创建一个通过超时解析的新Promise，并等待它的解析。
显然你需要async/await支持。工作在Node 8。
其他回答
试试这个
var arr = ['A','B','C'];
(function customLoop (arr, i) {
setTimeout(function () {
// Do here what you want to do.......
console.log(arr[i]);
if (--i) {
customLoop(arr, i);
}
}, 2000);
})(arr, arr.length);
结果
A // after 2s
B // after 2s
C // after 2s
因为ES7有一个更好的方法来等待循环:
// Returns a Promise that resolves after "ms" Milliseconds
const timer = ms => new Promise(res => setTimeout(res, ms))
async function load () { // We need to wrap the loop into an async function for this to work
for (var i = 0; i < 3; i++) {
console.log(i);
await timer(3000); // then the created Promise can be awaited
}
}
load();
当引擎到达await部分时，它设置一个超时并停止async函数的执行。然后，当超时完成时，继续执行。这是非常有用的，因为你可以延迟(1)嵌套循环，(2)有条件的，(3)嵌套函数:
异步函数任务(i) {// 3 等待计时器(1000); console.log('任务${i}完成! '); ｝ 异步函数main() { 对于(设I = 0;I < 100;I += 10) { For(令j = 0;J < 10;j++) {// 1 如果(j % 2) {// 2 等待任务(i + j); ｝ ｝ ｝ ｝ main (); 函数定时器(ms){返回新的承诺(res => setTimeout(res, ms));｝
MDN参考资料
虽然ES7现在被NodeJS和现代浏览器支持，但你可能想用BabelJS编译它，这样它就可以在任何地方运行。
一个无功能的解决方案
我有点晚了，但有一个不使用任何函数的解决方案:
alert('hi');
for(var start = 1; start < 10; start++) {
setTimeout(() => alert('hello'), 3000 * start);
}
您可以创建一个承诺setTimeout的睡眠函数。这使您可以使用async/await来编写代码，而无需回调和熟悉的for循环控制流。
const sleep = ms => new Promise(resolve => setTimeout(resolve, ms)); (async () => { 对于(设I = 0;I < 10;我+ +){ console.log(我); 等待睡眠(1000); ｝ console.log(“完成”); }) ();
在Node中，你可以使用计时器/承诺来避免承诺步骤(如果旧版本的Node不支持该功能，上面的代码也可以工作):
const {setTimeout: sleep} = require("timers/promises");
// same code as above
无论如何，由于JS是单线程的，超时是异步的是一件好事。如果不这样做，浏览器就没有机会重新绘制UI，从而导致用户的界面冻结。
setTimeout()函数是非阻塞的，将立即返回。因此，您的循环将非常快速地迭代，它将快速连续地启动一个接一个的3秒超时触发器。这就是为什么你的第一个警告会在3秒后弹出，而所有其他的警告都会紧随其后，没有任何延迟。
你可能想用这样的东西代替:
var i = 1; // set your counter to 1 function myLoop() { // create a loop function setTimeout(function() { // call a 3s setTimeout when the loop is called console.log('hello'); // your code here i++; // increment the counter if (i < 10) { // if the counter < 10, call the loop function myLoop(); // .. again which will trigger another } // .. setTimeout() }, 3000) } myLoop(); // start the loop
你也可以通过使用一个自调用函数，将迭代次数作为参数传递给它:
(函数myLoop(i) { setTimeout(函数(){ console.log('你好');//你的代码 if(——i) myLoop(i);//减少i，如果i > 0再次调用myLoop }, 3000) }) (10);//传递迭代次数作为参数
