网站在线人数统计

本页面是一个站点在线人数统计服务

使用：

选择一个独立的 Room ID (30字符以内)
选择 Iframe 方式使用 or js 方式使用
Enjoy！

设置你的专属房间号

房间号：

ROOM ID:

名称	值
房间号
在线人数
我的访问时长
站点总访问时长

用法：

Iframe 引入


<center><iframe frameborder=0  height=50px marginwidth=0 scrolling=no src="https://counter.cnqq.cloudns.ch/room/{Room ID}"></iframe></center>

JS 引入


xxxxxxxxxx
<script src="https://counter.cnqq.cloudns.ch/counter.js" async="" id="online-counter" interval="240" api="https://counter.cnqq.cloudns.ch/counter" room="{Room ID}"></script>

本站当前在线人数 <span style="color: red;" id="online_user"></span> 

你的访问时长:  <span style="color: red;" id="online_me"></span>

本站访问总时长:  <span style="color: red;" id="online_total"></span>

Pjax（例如 Hexo butterfly 主题，若开启了全局播放器请使用此方案）


x
// 若您的网站有 Pjax 等局部热加载技术，请参考以下代码（Pjax 似乎会忽略 script 的标签内传值）。

      
本站当前在线人数 <span style="color: red;" id="online_user"></span> 人  
你的访问时长:  <span style="color: red;" id="online_me"></span> 
本站访问总时长:  <span style="color: red;" id="online_total"></span>

      
<script>
    (
function () {

      
getOnlineUser()

      
function getOnlineUser() {
    // 移除之前的 online-counter
    let oldScript = document.getElementById("online-counter");
    if (oldScript) {
        oldScript.remove();
    }
    //create script
    let script = document.createElement("script");
    script.src = "https://counter.cnqq.cloudns.ch/counter.js";
    script.async = true;
    script.id = "online-counter";
    script.setAttribute("interval", 240);
    script.setAttribute("api", "https://counter.cnqq.cloudns.ch/counter");
    script.setAttribute("room", "{Room ID}");
    document.head.appendChild(script);
}

      
}
)()
</script>