Android 如何使用cordova连接插件显示或隐藏div或img

我正在尝试使用cordova连接插件创建互联网连接的可视指示。 如果连接关闭，则显示红色项目符号；如果打开，则显示绿色。

---

有什么想法吗？

要多次检查状态，可以在JavaScript上设置一个间隔，以便在每个固定时间调用插件

setInterval(function(){ callConnectionPlugin(); }, REFRESH_TIME);

---

如果您使用的是org.apache.cordova.network-information插件，则可以侦听脱机事件，如图所示：

document.addEventListener("offline", yourCallbackFunction, false);

---

在callbackfunction中，通过更改css属性来显示项目符号。

这对我来说很有效，因为我希望我的应用程序的连接具有可视化表示。因此，当连接打开时，会显示一个绿色的小项目符号，当连接关闭时，会显示一个红色的小项目符号。下面是使用cordova连接插件的代码

    function checkConnection() {
    document.addEventListener("offline", offlineState, false);
    document.addEventListener("online", onlineState, false);
    }
    setTimeout("checkConnection()",1000);

回调函数包括：

    function offlineState(){
    $('.conn').addClass('offline').removeClass('online');
    }
    function onlineState(){
    $('.conn').addClass('online').removeClass('offline');
    }

当然在设备准备好之后。希望这能帮助别人…虽然很简单

---

kumar和jorge的所有功劳

您是否使用webview或自定义小部件渲染div？显示您在此处所做的工作。感谢这在使用alert进行测试时效果良好，我只需要更改警报以切换div或图像。我试图将代码放入一个区间函数中，但该函数无法按照下面Jorge Morales的建议工作。@用户1562805在验证后接受正确答案。感谢Jorge，这是一个好主意，但不幸的是，我试图放入文档。addEventListener（“脱机”，yourCallbackFunction，false）；内部callConnectionPlugin（）不起作用。只是警报不起作用，但现在工作正常。下面是解决方案。