javascript - 使用jQuery每5秒更新一次YouTube观看直播的人数

Question

我想获取在这里找到的信息:

https://www.youtube.com/live_stats?v=uSajGtd5SnY

它返回一个显示在页面上的数字。

我想把它放到id为“实时观看”的范围内。

我希望每5秒自动更新一次。

真的不知道从哪里开始，因为我是jQuery新手。我一直在寻找，但似乎无法将我想要的东西拼凑在一起。

这是设置的代码笔，其中X应该每5秒更新一次实时观看人数:

https://codepen.io/JDSWebService/pen/yXLjdK

 <p>Number of People Watching <span id="live-watching">X</span></p>

有没有更简单的方法可以做到这一点？我对使用jQuery和YouTube视频非常陌生。

Answer 1

您可以启动一个ajax调用，然后成功更新该数字，并在5秒后重复(使用jquery):

(function reload(){
$.ajax({
  url:"https://www.youtube.com/live_stats?v=uSajGtd5SnY",
  success:function(data){
     $("#live-watching").html(data);
     setTimeout(reload,5000);
  }
});
})();

注意，对另一个域的ajax调用可能被阻止。在这种情况下，您需要改用youtube api ...