如何使用在线状态和订阅方法显示在 pubnub 中连接的用户数

如何解决如何使用在线状态和订阅方法显示在 pubnub 中连接的用户数

    <!DOCTYPE html>
<html>
<head>
  <title>Currently Active Demo</title>
  <style type="text/css">
    .currently-active {
      position: fixed;
      margin: 10px;
      padding: 5px;
      bottom: 0;
      left: 0;
      border: solid 1px #AFAFAF;
      border-radius: 6px;
      font-family: "Arial";
    }
  </style>
</head>
<body>
  <div class="currently-active">
    <span>Currently Active: </span><span id="active"></span>
  </div>
</body>
<script src="https://cdn.pubnub.com/sdk/javascript/pubnub.4.20.2.js"></script>
<script type="text/javascript">
var active = document.getElementById('active');
function setCurrentlyActiveUsers(numberOfUsers) {
  active.innerText = numberOfUsers.toString();
}
setCurrentlyActiveUsers(1);
var pubnub = new PubNub({
 publishKey: 'pub-demo',subscribeKey: 'sub-demo',heartbeatInterval: 30
});
pubnub.addListener({
  presence: function(presenceEvent) {
    console.log("Occupancy "+presenceEvent.occupancy);
    console.log("Action "+presenceEvent.action);
    setCurrentlyActiveUsers(presenceEvent.occupancy);
  }
});
pubnub.subscribe({ 
  channels: ['myWebPage1'],withPresence: true
});
</script>
</html>

我已经写了一个代码来显示使用 PubNub 在核心 JS 中连接的实时用户总数。但我面临的问题是我无法获得准确的数字。有时当我刚刚执行代码时，我会得到当前活动的用户 0，有时是 1。问题在于存在动作加入和离开，但我不知道有时我如何自动将存在动作值作为加入，有时作为离开，这也是随机的。请帮我解决这个问题，这样我就可以得到实时连接的活跃用户的并发数量，并相应地增加或减少