jquery display + стратегия задержки

Question

Следующий javascript отображает окончательный результат (вместо обновления каждую секунду). Как я могу повторить результат вызова getJSON, отобразить этот результат и задержать, пока не отображу следующий элемент?

function display(state) { 
    for (var i=0; i < state.length; i++) { 
    $('#someDiv' + i).text(state[i]); 
    } 
} 

$.getJSON('/getdata', function(data) { 
    $.each(data, function(key, val) { 
    setTimeout(function(){display(val)}, 1000); 
    }); 
} 

Answer 1

Проблема заключается в том, что в вашем $.each() цикле вы в очереди все время ожидания сразу, все для 1000ms после цикла. Самый простой способ исправить это выглядит следующим образом:

$.getJSON('/getdata', function(data) { 
    $.each(data, function(key, val) { 
    setTimeout(function(){display(val)}, 1000 * key); 
    }); 
}); 

Отмечая, что это будет работать только если data массив и, таким образом, key является целочисленным индексом. Если data является объектом и key не целочисленный индекс вы могли бы сделать это:

$.getJSON('/getdata', function(data) { 
    var i = 0; 
    $.each(data, function(key, val) { 
    setTimeout(function(){display(val)}, 1000 * i++); 
    }); 
}); 

(. Установите i в 1 первоначально, если вы не хотите, первое обновление произойдет немедленно)