我想在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')，以此类推。
当前回答
<！DOCTYPE html > < html > 身体< > <按钮onclick = " myFunction ()”> > < /按钮试试 < p id = "演示" > < / p > <脚本> 函数myFunction() { (var = 0;我< 5;我+ +){ Var sno = i+1; (函数myLoop (i) { setTimeout(函数(){ 警报(我);//在这里完成你的功能 }, 1000 *我); }) (sno); ｝ ｝ > < /脚本 < /身体> < / html >
其他回答
除了10年前接受的答案之外，使用更现代的Javascript，可以使用async/await/Promise()或生成器函数来实现正确的行为。(其他答案中建议的错误行为是设置一系列3秒警报，而不管“接受”警报()-或完成手头的任务)
使用异步/等待/承诺(): alert('嗨'); (async () => { For (let start = 1;起始值< 10;开始+ +){ 等待新的承诺(resolve => setTimeout(() => { alert('你好'); 解决(); }, 3000)); ｝ }) ();
使用生成器函数:
警报（“嗨”）; 让函子; （func = （function*（） { for（let start = 1， start < 10， start++） { yield setTimeout（（） => { 警报（“你好”）; func.next（）; }, 3000); } }）（））.next（）;
我用蓝鸟的承诺。延时和递归。
函数 myLoop（i） { 返回承诺延迟（1000） .then（function（） { 如果 （i > 0） { 警报（“你好”）; 返回 myLoop（i -= 1）; } }); } 我的循环（3）; <script src=“//cdnjs.cloudflare.com/ajax/libs/bluebird/2.9.4/bluebird.min.js”></script>
另一种方法是将超时时间相乘，但请注意，这与睡眠不同。循环之后的代码将立即执行，只有回调函数的执行被延迟。
for (var start = 1; start < 10; start++)
setTimeout(function () { alert('hello'); }, 3000 * start);
第一个超时设置为3000 * 1，第二个超时设置为3000 * 2，依此类推。
对于常用的“忘记正常循环”和使用这个组合的“setInterval”包括“setTimeOut”:像这样(从我的实际任务)。
function iAsk(lvl){
var i=0;
var intr =setInterval(function(){ // start the loop
i++; // increment it
if(i>lvl){ // check if the end round reached.
clearInterval(intr);
return;
}
setTimeout(function(){
$(".imag").prop("src",pPng); // do first bla bla bla after 50 millisecond
},50);
setTimeout(function(){
// do another bla bla bla after 100 millisecond.
seq[i-1]=(Math.ceil(Math.random()*4)).toString();
$("#hh").after('<br>'+i + ' : rand= '+(Math.ceil(Math.random()*4)).toString()+' > '+seq[i-1]);
$("#d"+seq[i-1]).prop("src",pGif);
var d =document.getElementById('aud');
d.play();
},100);
setTimeout(function(){
// keep adding bla bla bla till you done :)
$("#d"+seq[i-1]).prop("src",pPng);
},900);
},1000); // loop waiting time must be >= 900 (biggest timeOut for inside actions)
}
PS:理解(setTimeOut)的真实行为:它们都将在同一时间开始“三个bla bla bla将在同一时刻开始倒数”，因此设置不同的超时来安排执行。
PS 2:计时循环的例子，但对于一个反应循环，你可以使用事件，承诺async await ..
在ES6中，你可以这样做:
对于(设I = 0;I <= 10;我+ +){ setTimeout(函数(){ console.log(我); },我* 3000) }
在ES5中，你可以这样做:
For (var I = 0;I <= 10;我+ +){ (函数(i) { setTimeout(函数(){ console.log(我); },我* 3000) }) (); ｝
原因是，let允许您声明限制在块语句或使用它的表达式范围内的变量，而不像var关键字那样全局定义变量，或局部定义整个函数，而不考虑块范围。
