出力バッファを制御することで可能ですが、主にJavaScriptDOMReadyイベントを遅延させるためです。
視覚効果を探している場合は、JavaScriptを使用する必要があります(ただし、質問の内容に基づいてAjaxの理由はわかりません)。それは簡単なで達成することができますsetInterval
。最初は空であると考える<div id="hello">
:
var i = 0;
var timer = setInterval(function(){
if(i == 10000) {
clearInterval(timer);
return;
}
var div = document.getElementById('hello');
div.innerHTML += 'hello ' + i + '<br>';
i++;
}, 250);
私はあなたの編集を見たばかりです、そして今あなたは実際にAjaxを使うべきだと思います!リンクした例はそうです。基本的に、JavaScriptでテストキューを設定する必要があります。各テストには一意のURLがあります。次に、Ajax(jQueryであり$.get
、最も簡単な方法です)を使用して一度に1つのリクエストを実行するだけです。<ul>
以下は、前の例のdivの代わりに、サーバーがテストごとに成功または失敗のメッセージで応答することを前提としています。
var tests = [
'http://example.com/test1',
'http://example.com/test2',
'http://example.com/test3',
];
function processQueue() {
if(tests.length > 0) {
var test = tests.shift();
$.get(test, function(response) {
$('#some_ul').append('<li>' + response + '</li>');
processQueue();
});
}
}
processQueue();