JavaScriptの停止間隔とアクション後

Question

私のprobleはsetintervall機能についてです。 first()とsecond()実行が終了したら、thrice()という関数を呼び出します。それには賛成できません。以下のコード：

var oneFinish = false; 
var twoFinish = false; 

function first() { 
    console.log("FUNCTION first RUNNING"); 
    for (i = 0; i < 5; i++) { 
     console.log("first " + i); 
    } 
    console.log("FUNCTION first FINISH"); 
    oneFinish = true; 
} 

function second() { 
    console.log("FUNCTION second RUNNING"); 
    for (i = 0; i < 10; i++) { 
     console.log("second " + i); 
    } 
    console.log("FUNCTION second FINISH"); 
    twoFinish = true; 
} 

function thrice() { 
    var intev = setInterval(function() { 
     if (oneFinish && twoFinish) { 
      console.log("FUNCTION thrice RUNNING"); 
      oneFinish = false; 
      twoFinish = false; 
      clearInterval(intev); 
     } 
    }, 3000); 
    console.log("FUNCTION thrice FINISH"); 
} 

first(); 
second(); 
thrice(); 

出力は次のようなものです：

あなたは、出力の 最後で見る

FUNCTION first RUNNING 
first 0 
first 1 
first 2 
first 3 
first 4 
FUNCTION first FINISH 
FUNCTION second RUNNING 
second 0 
second 1 
second 2 
second 3 
second 4 
second 5 
second 6 
second 7 
second 8 
second 9 
FUNCTION second FINISH 
FUNCTION thrice FINISH 
FUNCTION thrice RUNNING 

、それは問題FUNCTION thrice FINISHがあなたのためだFUNCTION thrice RUNNING

Answer 1

これは、setIntervalの関数のすべての内容が3000ミリ秒後に呼び出されるためです。 setIntervalのその目標：http://www.w3schools.com/jsref/met_win_setinterval.asp

var intev = setInterval(function() { 
    if (oneFinish && twoFinish) { 
     console.log("FUNCTION thrice RUNNING"); 
     oneFinish = false; 
     twoFinish = false; 
     clearInterval(intev); 
    } 
}, 3000); 
console.log("FUNCTION thrice FINISH"); 

注文を修正したい場合は、コールバック関数内console.log("FUNCTION thrice FINISH");を配置する必要があります：

var intev = setInterval(function() { 
    if (oneFinish && twoFinish) { 
     console.log("FUNCTION thrice RUNNING"); 
     oneFinish = false; 
     twoFinish = false; 
     clearInterval(intev); 
     console.log("FUNCTION thrice FINISH"); 
    } 
}, 3000); 

Answer 2

前に実行されます3秒後にログが開始されますが、すぐに終了します。これを試してください。

function thrice() { 
    var intev = setInterval(function() { 
     if (oneFinish && twoFinish) { 
      console.log("FUNCTION thrice RUNNING"); 
      oneFinish = false; 
      twoFinish = false; 
      clearInterval(intev); 
      console.log("FUNCTION thrice FINISH"); 
     } 
    }, 3000); 
}