gpt4 book ai didi

javascript - 检查连接 JavaScript

转载 作者:行者123 更新时间:2023-12-02 19:41:22 25 4
gpt4 key购买 nike

我正在尝试检查与 javascript 的连接,但我尝试了很多教程,但任何教程都适合我。

例如,我有这段代码,但不起作用

<!DOCTYPE HTML> 
<html>
<head>
<title>Online status</title>
<script>
function updateIndicator()
{
document.getElementById('indicator').textContent = navigator.onLine ? 'online' : 'offline';
}
</script>
</head>
<body onload="updateIndicator()" ononline="updateIndicator()" onoffline="updateIndicator()"> <p>The network is: <span
id="indicator">(state unknown)</span>
</body>
</html>

有什么帮助吗?谢谢。

最佳答案

编辑:似乎这是一个设置问题,无论如何都会保留它,因为它在不支持在线和离线的情况下可能很有用。

我不确定 ononline 和 onoffline 是否会得到很好的支持,但您可以设置一个时间间隔来检查状态并相应地更新它。这个小 fiddle 有效(只需停止网络连接,状态就会切换为离线)

http://jsfiddle.net/vpG5b/1/

您可以根据需要调整间隔,但 500 毫秒应该足够好了,不会太苛刻,我添加了检查以仅在状态发生变化时更新状态(较少 DOM 操作),这样您甚至可以离线/在线处理程序。

var handler = {
online: function() {
alert('online');
},
offline: function() {
alert('offline');
}
};

function isOnline() {

var status = navigator.onLine ? 'online' : 'offline',
indicator = document.getElementById('indicator'),
current = indicator.textContent;

// only update if it has change
if (current != status) {

// update DOM
indicator.textContent = status;

// trigger handler
handler[status]();
};
};

setInterval(isOnline, 500);
isOnline();​

关于javascript - 检查连接 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10362284/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com