js随时判断网络状态

来源:互联网 发布:mac 国家地理的图片 编辑:程序博客网 时间:2024/05/16 10:00

//定义一个按钮

<body>
<button id="btn">查看连接</button>
</body>

<script type="text/javascript">

/**
* 任何时候发请求前都可以去检查连接
*/


var online = 0;

//1.自定义函数用于判断服务器连接状态
function ping(callback){

//2.实例化对象
var img = new Image();

//3.设置SRC
img.src = '01.php';

//4.添加加载完成事件
img.onload = function(){

//4.1调用回调函数并且传个参数 告诉它连接状态
callback(true);

}

//5.添加异常事件
img.onerror = function(){

//5.1执行回调函数并传递状态
callback(false);

}
}

document.getElementById('btn').onclick = function(){
ping(demo);
}

function demo(status){


//判断连接时传递回调函数,并且该回调函数执行时 获取加载状态
console.log(status);
}

</script>


//01.php

<?php

//header('Content-type:image/jpeg');
//echo 8;
sleep(5);


$img = imagecreatetruecolor(500, 600);

imagejpeg($img);

0 0