javaTimeoutでsetTimeoutが正しく動作しない

Question

これについての回答があることを知っています!!すべてのアンサーはループ内で1つのsetTimeoutでしかカバーされていません。この質問は私に関連していますHow do I add a delay in a JavaScript loop? 私のシナリオでは、スクリプトで2つのsetTimeoutがあります。プログラムは正しく動作しますが、私が望むタイミングは間違いです!!!

function clickDate(i) 
{ 
    setTimeout((function(){ 
    alert("4"); 
    })(),2000); 
} 
function clickButton(i) 
{ 
    setTimeout((function(){ 
    alert("5"); 
})(),4000); 
} 

function doEverything(i) 
{ 
    clickDate(i); 
    clickButton(i); 
} 
for(var i = 0; i < 4; i++) 
{ 
doEverything(i); 
} 

Answer 1

setTIMEoutに渡すとすぐに関数が呼び出されます。余分な括弧を削除します。

function clickDate(i) 
 
{ 
 
    setTimeout(function(){ 
 
    alert("4"); 
 
    },2000); 
 
} 
 
function clickButton(i) 
 
{ 
 
    setTimeout(function(){ 
 
    alert("5"); 
 
},4000); 
 
} 
 

 
function doEverything(i) 
 
{ 
 
    clickDate(i); 
 
    clickButton(i); 
 
} 
 
for(var i = 0; i < 4; i++) 
 
{ 
 
doEverything(i); 
 
}

EDIT

それはあなたのコードは、あなたの関数にiを渡しているように私はあなたが使用したいと仮定見てやりたい、まさにそれはちょっと不明ですどういうわけか。現在はすべてを一度に起動するタイムアウトを作成しています。遅延時間を順番に起動させるには、遅延時間をずらす必要があります。以下のコードは、遅延時間にi+1を掛けて、2秒ごとに "4"を、そして "4"秒ごとに "5"を記録します。

// Currently this code displays a 4 every 2 seconds and a 5 every 4 seconds 
 
function clickDate(i) 
 
{ 
 
    setTimeout(function(){ 
 
    console.log("4"); 
 
    },2000 * (i+1)); 
 
} 
 
function clickButton(i) 
 
{ 
 
    setTimeout(function(){ 
 
    console.log("5"); 
 
},4000 * (i+1)); 
 
} 
 

 
function doEverything(i) 
 
{ 
 
    clickDate(i); 
 
    clickButton(i); 
 
} 
 
for(var i = 0; i < 4; i++) 
 
{ 
 
doEverything(i); 
 
}

Answer 2

こんにちは、私はあなたがjavascriptのについてのドキュメントを読んでhaventはと思います。 これは非同期で、イベントを待ってプロセスを続行しません。私は答えを与えるだろうが、私は非常にあなたの両方の関数が同時に呼び出されるので、タイミングの問題を取得しますここであなたに良いJavascriptについて読むことを強くお勧めします。私に例を挙げましょう。

function clickDate(i,callback) 
{ 
    setTimeout(function(){ 
    alert("4"); 
    callback();//this will call anonymous function in doEverything 
    },2000); 
} 
function clickButton(i) 
{ 
    setTimeout(function(){ 
    alert("5"); 
},4000); 
} 

function doEverything(i) 
{ 
    console.log("In loop index is " , i); 
    clickDate(i,function(){ 
     clickButton(i); 
    }); 
    //look closely here I have passed the function in changeData and will call that funtion from clickDate 
    console.log("In loop terminating index is " , i); 
} 
for(var i = 0; i < 4; i++) 
{ 
doEverything(i); 
} 

だからここコンソールログは、非同期 機能についてあなたが明確になります。 forループが終了すると、ループが終了します。 2秒後に完了しますので、最初の警告の前にループ for it iterationが完了します。

これが役に立ちます。

Answer 3

ファンクションの最後に()を追加することでコールバックを直ちに呼び出すことになります。

あなたは時間切れでコールバックを渡す必要があり、このいずれかを試して、あなたのため

setTimeout(function(){ 
alert('hello'); 
} , 3000); 

Answer 4

function functionName() { 
    setTimeout(function(){ //Your Code }, 3000); 
} 

を呼び出します。