HTML5 服务器发送的事件不是实时的?

HTML5 Server-Sent Events not real time?

我的代码应该每秒从服务器向客户端发送一个事件(我应该在 Firefox 的控制台中定期看到它们)。但是我一次得到了所有五个事件。为什么?

adm.php:

<html>
<head>
<script type='text/javascript'>
var evtSource;
function btnClick() {
    evtSource = new EventSource('adm_sse.php');
    evtSource.onmessage = function(e) {
        console.log(e.data);
        if (e.data == 'end') {
            evtSource.close();
        }
    };
}
</script>
</head>
<body>
    <button type='button' onclick='btnClick()'>Test SSE</button>
</body>
</html>

adm_sse.php:

<?php
header("Content-Type: text/event-stream");
//header('Cache-Control: no-cache'); // recommended to prevent caching of event data.
for ($i=0; $i<5; $i++) {
    echo "data: $i (".date('d/m/Y H:i:s').")\n\n";
    flush();
    sleep(1);
}
echo "data:end\n\n";
flush();
?>

我正在使用 Ubuntu 14.04 和 Apache,如果这很重要的话。

我找到了 example in the MDN which uses php code similar to yours with one small difference, it is calling ob_end_flush().