javascript - 定期 Ping 并在出错时显示 div

Question

我目前有一个图像，如果本地内容可用，它会被 ping 以仅显示一个 div。

但我认为更好的实现方式是以 30 秒为间隔定期检查 ping，如果图像未成功 ping，则显示 #offline div。这样更好，因为它认为连接状态可能会在页面未重新加载的情况下发生变化。

原始脚本:

function ImgLoad(myobj){
   var randomNum = Date.now() || new Date().getTime();
   var oImg=new Image;
   oImg.src="http://192.168.8.1/images/ping2.jpg"+"?rand="+randomNum;
   oImg.onload=function(){$("#online").show();}

}

我想我已经设法获得每 30 秒轮询一次的功能，但我无法在出现错误时显示 div，而不是在成功 ping 时显示。

function checkping(){
function ImgLoad(myobj){
   var randomNum = Date.now() || new Date().getTime();
   var oImg=new Image;
   oImg.src="http://192.168.8.1/images/ping2.jpg"+"?rand="+randomNum;
   oImg.onload=function(){$("#online").show();}

}
}

setInterval(function(){
checkping()}, 30000)

Answer 1

I've not been able to show a div on error

您已经在使用.onload，只需使用相应的.onerror即可:

oImg.onerror=function(){$("#error").show();}