js检测网络状况代码整理

PHP中文网
Lepaskan: 2017-07-13 14:11:03
asal
2250 orang telah melayarinya

本文实现了用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);
/*检测网络状况*/
Salin selepas log masuk

通过不断请求1个像素的图片,如果图片请求失败,触发img.onerror事件,事件回调中修改全局变量testnet_on=0,说明断网了,否则触发onload事件,testnet_on=1.

当然图片不能太大,不然浪费用户流量,会导致用户反感就得不偿失来了。

本文由php中文网提供,

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

请勿转载~~~

Atas ialah kandungan terperinci js检测网络状况代码整理. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan