jQuery settimeout（）は配列の繰り返し処理中に動作しません

Question

私は配列jarrayを持っています。配列の内容を表示し、3番目の要素から6番目の最後の要素まで繰り返して表示したい配列のi番目のセルは1秒ですが、私は次のコードを試してみましたが、配列の最初の要素だけが表示されます、以下の私のコードを参照してください。

$(function() { 
    var refreshId = setInterval(function(){ 
    for(var i=3;i<=jarray.length-5;i++){ 
     var r = (-0.5)+(Math.random()*(1000.99)); 
     $("p").text(jarray[i]); 
    } 
    }, 1000); 
}); 

HTML：

<p> Content not loaded yet </p> 

Answer 1

あなたの全体をforループは1秒ごとに実行される関数内にあります。したがって、ループ全体が毎秒実行され、最後に挿入された最後の要素を見ることになります。

変更上記のすべてのコードに：

$(function(){ 
    var i = 3; 
    (function insertArray(){ 
     $("p").text(jarray[i++]); 
     if(i < jarray.length-5) 
      setTimeout(insertArray, 1000); 
    })(); 
}); 

Answer 2

閉鎖して試してみてください...もちろんそのjarrayが適切に事前に定義されていることを確認。

$(function() { 
    var refreshId = setInterval(function(){ 
     for(var i=3;i<=jarray.length-5;i++){ 
     (function() { 
      var r = (-0.5)+(Math.random()*(1000.99)); 
      jarrayi = jarray[i]; 
      $("p").text(jarrayi); 
     }()); 
    } 
    }, 1000); 
}); 

Answer 3

これを試してみてください：

var arrayCount = 0; 
var intervalId = null; 
$(function() { 

    intervalId = setInterval(function(){ 
     if(arrayCount == jarray.length){ 
     clearInterval(intervalId); 
     return; 
     } 
     $("p").text(jarray[arrayCount++]); 

    }, 1000); 
});