A Server-Sent Events API html5

<!DOCTYPE html>
<html>
<body>
  <h1>Getting server updates Server-Sent Events</h1>
  <div id="result"></div>
<p>http://gilcierweb.com.br
http://tableless.com.br/html5/?chapter=15</p>
  <button id="send">Enviar</button>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
  <script>
    var content = '';

    if(typeof(EventSource)!=="undefined")
    {
      var source = new EventSource("demo_sse.php");
      source.onmessage = function(event)
      {
        content+=event.data + "<br>";
        $("#result").html(content);
      };
    }
    else
    {
      $("#result").html("Sorry, your browser does not support server-sent events...");
    }

  </script>

</body>
</html>

//php
<?php

header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

$time = date('r');
$data = date('d/m/Y h:i:s');
echo "data: The server time is: {$time} {$data}\n\n";
flush();