用JavaScript/Jquery检测离线/在线状态

标签：

这两年离线浏览技术越来越流行，最常见的就是html5移动应用里，有很多普通的Web app也使用了这些技术。但是，新技术的出现有时会给我们WEB开发人员带领额外的苦恼，比如，如何判断用户现在是在线还是离线？幸好，有矛就有盾，javascript里的 navigator 对象帮我们解决这个问题。

navigator.onLine 属性能给我们提供一个布尔值，用来判断用户是否连接了互联网。你可以这样访问它：

if(navigator.onLine) { // true|false
// ...
}
没有比这更简单的了！

事件

我们除了能检测这个离线/在线属性值外，还可以绑定 offline 和 online 事件：

function updateIndicator() {
// 这时可以根据offline/online按钮的颜色
}
// 根据网络连接情况更新在线状态
window.addEventListener(‘online‘, updateIndicator);
window.addEventListener(‘offline‘, updateIndicator);
updateIndicator();

//也可以使用Jquery+setTimeout来间隔时间检测离线/在线
var getOnline = function() {
if (navigator.onLine){
//在线时处理
}else{
updateIndicator();
}
window.setTimeout(getOnline, 1000); //核心语句 间隔1秒进行检测
};
//Jquery调用
$(document).ready(function () { getOnline(); });

用JavaScript/Jquery检测离线/在线状态

标签：

原文地址：http://www.cnblogs.com/xnjd23/p/5652330.html