まずは、flush()
について一言:PHPは専門でないので少し調べましたが、この関数は、ただPHPの実行が全て終える前にブラウザへ送信するだけです。理論上はコードの実行と結果の送信&着信が理想的に速ければ、順に一気に4と表示されたように見えます。上記の例のコード同様です。
その代わりに、コードの実行の過程を見るために実行をわざと遅らせるためには、この答えこの答えのdelay()
を使って下さい。引数はミリ秒単位です。
function delay(ms) {
var cur_d = new Date();
var cur_ticks = cur_d.getTime();
var ms_passed = 0;
while(ms_passed < ms) {
var d = new Date();
var ticks = d.getTime();
ms_passed = ticks - cur_ticks;
}
}
document.getElementById('button').onclick = function(){
document.getElementById('output-text').innerHTML = 0;
delay(1000);
document.getElementById('output-text').innerHTML += 1;
delay(1000);
document.getElementById('output-text').innerHTML += 1;
delay(1000);
document.getElementById('output-text').innerHTML += 1;
delay(1000);
document.getElementById('output-text').innerHTML += 1;
…
}
一応言っておきますが、これの多様はメモリリークを引き起こす危険がありますので、人様が訪れるサイトでは絶対に使わないでください。特にスマフォンなどの低メモリ端末からのアクセスは危ないです。