Javascript Offline.js-在线时检查？

下面是我的代码

简单地说，我不知道如何使连接从在线转换到离线，更新css（）的事件将被触发

如果它从离线变为在线，那么它会在10秒内更新。但我不知道如何让它在另一个方向工作

如果我离线调用，则会出现这种情况。检查（）；它会手动更新，但理想情况下我希望它能自动更新。欢迎任何意见

Offline.options = {
    checkOnLoad: true,
    checks: {
        image: {
            url: 'http://example.com/image.gif'
        },
        active: 'image'
    },
    reconnect: {
        initialDelay: 10, // only check every 10 seconds
        delay: 10
    }
};

---

您可以使用

Offline.on（事件、处理程序、上下文）

了解连接何时联机/脱机

就像连接离线一样

Offline.on('up', function gotOnline(){
  console.log("I am online");
})

Offline.on('down', function gotOffline(){
  console.log("I am offline");
})

---

如果阅读文档，您可以看到offline具有某些属性，例如

offline.check（）

，

offline.state

您可以使用其中任何一个来显示所需的

CSS

例如：

if(Offline.state=='down'){
    /*assuming that you have that div in your css set to hidden or something else*/
    $("#offlineDiv").show('100'); //Just an imaginary div
}

然后当连接脱机时。。 使用

offline.on（向下，处理程序）

---

现在，这个处理程序使用上面的CSS开关来激活该div。

下面是我使用三元运算符的代码

connectionStatus=navigator.onLine？“在线'：'离线'；
console.log（connectionStatus）
谢谢，但不幸的是，这不起作用。我正在用我的手机测试它，并关闭Wi-Fi。我想这会导致它切换到离线，但事实并非如此。除了那个绿色的“在线”盒子，我什么都没看到。我不知道它是否相关，但应用程序使用appcache，因此它将脱机工作，但我仍然需要offline.js，以便我知道internet连接是否联机。对不起，我应该在初始消息中澄清。我使用了
Offline.on（'confirmed-down'）、…
和
Offline.on（'confirmed-up'）、…
作为事件处理程序。但是，当我进行在线到离线的转换时，这些或
up
和
down
都不起作用。离线到在线很好。