首頁(yè) 猿問(wèn) 如何在JavaScript循環(huán)中添...

如何在JavaScript循環(huán)中添加延遲？

JavaScript 算法與數(shù)據(jù)結(jié)構(gòu)

慕森卡 2019-05-28 16:39:49

如何在JavaScript循環(huán)中添加延遲？我想在while循環(huán)中添加延遲/睡眠：我試過(guò)這樣的：alert('hi');for(var start = 1; start < 10; start++) { setTimeout(function () { alert('hello'); }, 3000);}只有第一種情況是真的：顯示后alert('hi')，它將等待3秒然后alert('hello')將顯示，但隨后alert('hello')將反復(fù)不斷。我想要的是，在alert('hello')3秒后顯示alert('hi')之后，它需要等待第二次3秒alert('hello')，依此類推。

查看完整描述

4 回答

開(kāi)滿天機(jī)

TA貢獻(xiàn)1786條經(jīng)驗(yàn) 獲得超13個(gè)贊

嘗試這樣的事情：

var i = 0, howManyTimes = 10;function f() {
    alert( "hi" );
    i++;
    if( i < howManyTimes ){
        setTimeout( f, 3000 );
    }}f();

反對(duì) 回復(fù) 2019-05-28

慕哥6287543

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超10個(gè)贊

如果使用ES6，您可以使用let以實(shí)現(xiàn)此目的：

for (let i=1; i<10; i++) {
    setTimeout( function timer(){
        alert("hello world");
    }, i*3000 );}

為每次迭代let聲明i了什么，而不是循環(huán)。這樣，傳遞的內(nèi)容正是我們想要的。setTimeout

反對(duì) 回復(fù) 2019-05-28

翻閱古今

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超5個(gè)贊

由于ES7是等待循環(huán)的更好方法：

function timer(ms) {
 return new Promise(res => setTimeout(res, ms));}async function load () {
  for (var i = 0; i < 3; i++) {
    console.log(i);
    await timer(3000);
  }}load();

關(guān)于MDN的參考

請(qǐng)注意，今天很少支持ES7，因此您需要與Babel進(jìn)行交互，以便在任何地方使用它。

Transpiled

反對(duì) 回復(fù) 2019-05-28