js偵測網路狀況程式碼整理

本文實現了以javascript偵測手機網路是否中斷，實現某些頁面提醒或功能停用，從而優化使用者體驗。

有程式碼有真相，程式碼如下：

 /*检测网络状况*/
var testnet_on=function(){
var img=new Image();
img.id="testnet";
img.onload=function(){
  $("#testnet").remove();
  if(net_on==0 && $("#playbtn").is(":not(.stopped)")){
    playmusic(currentinfo.id);
  }
  net_on=1;
};
img.onerror=function(){
  $("#testnet").remove();
  net_on=0;
};
img.src="http://www.baidu.com/img/baidu_jgylogo3.gif?t="+(new Date().getTime());
img.style.display="none";
document.body.appendChild(img);
}
var net_on=1;
test_interval=setInterval(testnet_on,10000);
/*检测网络状况*/

透過不斷請求1個像素的圖片，如果圖片請求失敗，觸發img.onerror事件，事件回呼中修改全域變數testnet_on=0，表示斷網了，否則觸發onload事件，testnet_on=1.

#當然圖片不能太大，不然浪費用戶流量，會導致用戶反感就得不償失來了。

本文由php中文網提供，

文章地址：http://www.php.cn/js-tutorial-374005.html

請勿轉載~~ ~

以上是js偵測網路狀況程式碼整理的詳細內容。更多資訊請關注PHP中文網其他相關文章！