は即座Javascriptが即座にこのコードを実行している

Question

を実行したsetTimeout setTimeout(doIt(i),2000);

なぜにスクリプトとして、しかし、私は、それを実行する前に2ミリ秒待機する必要がありますか？

<script type="text/javascript"> 
    var colors= ["red","pink","green"]; 
    function doIt(i){ 
     i++ 
     console.log(i); 
     console.log("didIt"); 
     $('body').append("<style>body{background:"+i+";}</style>"); 
     if(i==2){ 
     } 
     else{ 
      test(i); 
     } 

    } 

    function test(i){ 
     setTimeout(doIt(i),2000); 
    } 
    test(0); 
</script> 

Answer 1

これはよくある間違いです。これにあなたのコードを変更します。あなたが直接doItメソッドを呼び出すだけではなくdoIt後(i)を書き込むことによってsetTimeoutコールバックへの参照を渡した

function test(i){ 
    setTimeout(function() { 
     doIt(i); 
    }, 2000); 
} 

。

bind()方法を使用して直接書き込むのもう一つの方法：

function test(i) { 
    setTimeout(doIt.bind(null, i), 2000); 
} 

それはすべてここに与えられています：

1. How can I pass a parameter to a setTimeout() callback?
2. Calling functions with setTimeout()