Javascript для проблем цикла

Question

Итак, у меня есть следующий код, который я в основном просто строка JSON, я использую eval для преобразования в объект.Теперь этот объект имеет массив элементов, который отображается на экране с помощью цикла for:

function DisplayListing(str)
{
    var obj = eval("(" + str + ")");
    var div = document.getElementById('Response');
    for(i=0; i<obj.files.length; i++)
    {
        div.innerHTML += '<span id="listing' + i + '" class="displayNone"><img src="' + obj.files[i].icon + '"/>' + obj.files[i].name + '</span><br />';   
    }   
}

Это работает просто отлично.Однако я хочу подождать установленный интервал времени, прежде чем он перейдет к следующему элементу.Я хочу, чтобы он в основном вызывал функцию с тайм-аутом, поэтому каждый элемент исчезает на экране индивидуально.Все попытки до сих пор приводят к тому, что последний элемент выполняет функцию.Любая помощь будет принята с благодарностью!

Answer 1

http://jsfiddle.net/SfKNc/

var obj = {files: [1, 2, 3]}; // sample object - use JSON.parse by the way
var div = document.getElementById('Response');
for(var i=0; i<obj.files.length; i++) { // use var!
    setTimeout((function(i) {
        return function() { // i changes, so create a new function in which i does not change
            div.innerHTML += 
                '<span id="listing' + i + 
                '" class="displayNone">' + i + 
                '</span><br />';
        };
    })(i), i * 1000); // set timeout to 1000 ms for first item, 2000 for second etc.
}   

Answer 2

вы вручную создали функцию сна, как показано ниже:

function sleep(milliseconds) {
  var start = new Date().getTime();
  for (var i = 0; i < 1e7; i++) {
    if ((new Date().getTime() - start) > milliseconds){
      break;
    }
  }
}

или создаете пустую функцию и используете для нее setTimeout

  function sleep()
    {
    setTimeout(Func1, 3000);
    }

    Func1(){}

http://www.phpied.com/sleep-in-javascript/