まずは、`flush()`について一言:PHPは専門でないので少し調べましたが、この関数は、ただPHPの実行が全て終える前にブラウザへ送信するだけです。理論上はコードの実行と結果の送信&着信が理想的に速ければ、順に一気に4と表示されたように見えます。上記の例のコード同様です。

その代わりに、コードの実行の過程を見るために実行をわざと遅らせるためには、[この答え][1]の`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;
      …
    }

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

[1]: https://stackoverflow.com/a/24488671/3471286