我想在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')，以此类推。
当前回答
据我所知，setTimeout函数是异步调用的。你能做的是将整个循环包装在一个异步函数中，并等待一个包含setTimeout的Promise，如下所示:
var looper = async function () {
for (var start = 1; start < 10; start++) {
await new Promise(function (resolve, reject) {
setTimeout(function () {
console.log("iteration: " + start.toString());
resolve(true);
}, 1000);
});
}
return true;
}
然后像这样调用运行它:
looper().then(function(){
console.log("DONE!")
});
请花些时间好好理解异步编程。
其他回答
试试这样做:
var i = 0, howManyTimes = 10; 函数f() { console.log(“嗨”); 我+ +; if (i < howManyTimes) { setTimeout (3000); ｝ ｝ f ();
因为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编译它，这样它就可以在任何地方运行。
简单实现了在循环运行期间每两秒显示一段文本。
for (var i = 0; i < foo.length; i++) {
setInterval(function(){
console.log("I will appear every 2 seconds");
}, 2000);
break;
};
非常简单的单行解决方案，具有实际的异步等待延迟(没有排队setTimeout):
下面的(自动执行匿名)函数在循环之间创建一个实际的延迟，而不是具有不同超时的多个settimeout，这可能会弄乱内存。
在100个循环中的每一个循环中，它都等待一个新的承诺来解决。 这只发生在setTimeout '允许'它在90ms后。在此之前，代码将被async-await / pending Promise阻塞。
(async () => { For(令i=0;我< 100;我+ +){ 等待新的承诺((resolve) => {setTimeout(() =>{文档。我写(“${}”);解决(true)}, 90)}); ｝ })()
let counter =1;
for(let item in items) {
counter++;
setTimeout(()=>{
//your code
},counter*5000); //5Sec delay between each iteration
}
