Skip to main content
replaced http://stackoverflow.com/ with https://stackoverflow.com/
ソース リンク

まずは、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;
  …
}

一応言っておきますが、これの多様はメモリリークを引き起こす危険がありますので、人様が訪れるサイトでは絶対に使わないでください。特にスマフォンなどの低メモリ端末からのアクセスは危ないです。

まずは、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;
  …
}

一応言っておきますが、これの多様はメモリリークを引き起こす危険がありますので、人様が訪れるサイトでは絶対に使わないでください。特にスマフォンなどの低メモリ端末からのアクセスは危ないです。

まずは、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;
  …
}

一応言っておきますが、これの多様はメモリリークを引き起こす危険がありますので、人様が訪れるサイトでは絶対に使わないでください。特にスマフォンなどの低メモリ端末からのアクセスは危ないです。

ソース リンク

まずは、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;
  …
}

一応言っておきますが、これの多様はメモリリークを引き起こす危険がありますので、人様が訪れるサイトでは絶対に使わないでください。特にスマフォンなどの低メモリ端末からのアクセスは危ないです。