จัดการ Server-Sent Events ใน HTML5 อย่างไร?

เพื่อจัดการ Server-Sent Events ใน HTML5 ลองรันโค้ด:

<!DOCTYPE HTML>
<html>
  <head>
    <script>
      document.getElementsByTagName("eventsource")[0].addEventListener("server-time", eventHandler, false);
      function eventHandler(event) {
        document.querySelector('#ticker').innerHTML = event.data;
      }
    </script>
  </head>
  <body>
    <div id="sse">
      <eventsource src="/cgi-bin/ticker.cgi" />
    </div>
    <div id="ticker" name="ticker">
      [TIME]
    </div>
  </body>
</html>