JavaScript — Как сделать живой статус

В настоящее время, когда я делаю проект с использованием API живого потока, я столкнулся с проблемой, которая заключается в том, что для обновления моего живого статуса провайдер живого потока позволяет мне получать данные о количестве просмотров и текущем состоянии, но это не постоянное значение, это значение будет меняться в любое время. Это любой метод для обновления моего интервала данных в реальном времени, используя js PHP или jquery, но не setInterval или setTimeout в js.

это мой php код (getBroadcastStatus.php)

<?php
use models\getLiveStatus;
spl_autoload_register(function($class_name){ include $class_name.".php";});
session_start();
error_reporting(E_ALL^E_NOTICE);

$getLiveStatus = new getLiveStatus();
$counter = rand(1, 10);
while (1) {
echo $getLiveStatus->getBroadcastStatus();
$counter--;

if (!$counter) {

$counter = rand(1, 10);
}

ob_end_flush();
flush();
sleep(1);
}

Это мой код JS следовать
предложение здесь:
Как сделать живой статус

Документация здесь:https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events

  var evtSource = new EventSource('getBroadcastStatus.php');
evtSource.addEventListener('ping',function(e){
alert(e.data);
}}) ;