有时候为了方便,网站上会放网站拥有者的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>
注意:上述三个步骤不能调整
效果如下:
![]() | ![]() |