检测QQ在线状态

白与黑 2022-04-10 10:44:00 2532℃ 1373 0条


有时候为了方便,网站上会放网站拥有者的QQ号,用于随时联系,此时,就需要知道该QQ号的在线状态,好在QQ官方提供了一个接口,不过该接口只能验证PC端的QQ是否在线,手机端的无法验证

操作步骤如下:

1.定义一个变量:存放QQ

<script>
        var online = new Array();
</script>

2.添加如下的script标签:getonline?Type=1&QQ1:QQ2:QQ3:

<script type="text/javascript" src="http://webpresence.qq.com/getonline?Type=1&12345:678901:"></script>

3.定时检测在线状态,更换img标签图片的src:

<script type="text/javascript">
    function checkonline(){
        for (var i = 0; i < online.length; i++) {
            // online[i]==0不在线
            if (online[i] == 0) {
                $("#qq dd img").eq(i).attr("src", "/static/assets/img/offline.jpg");
                $("#qq dd img").eq(i).attr("title", "我不在线,有事请留言");
            } else {
                $("#qq dd img").eq(i).attr("src", '/static/assets/img/qq.gif');
                $("#qq dd img").eq(i).attr("title", "我在线,有事您招呼");
            }
        }
    }
    //页面加载之后,检测QQ在线状态
    checkonline();
    //每隔10s检测QQ在线状态
    setInterval(function(){
        checkonline();
    },10000)
</script>

注意:上述三个步骤不能调整

效果如下:

offlineonline
标签: 前端, HTML, JavaScript

非特殊说明,本博所有文章均为博主原创。

评论啦~