用JS实现ping的功能（JS ping url）

迈不过友情╰ 2022-01-16 23:37 1731阅读 0赞

[为什么80%的码农都做不了架构师？>>> ][80_]  ![hot3.png][]

这是一个jquery的ping插件，实现了js来ping url的功能。当然这个和系统上的ping不是一回事，一个是ping使用icmp协议，一个是使用http协议，获取响应时间罢了。好了，上代码

$.ping = function(option) {     var ping, requestTime, responseTime ;     var getUrl = function(url){    //保证url带http://         var strReg="^((https|http)?://){1}"         var re=new RegExp(strReg);         return re.test(url)?url:"http://"+url;     }     $.ajax({         url: getUrl(option.url)+'/'+ (new Date()).getTime() + '.html',  //设置一个空的ajax请求         type: 'GET',         dataType: 'html',         timeout: 10000,         beforeSend : function()         {             if(option.beforePing) option.beforePing();             requestTime = new Date().getTime();         },         complete : function()         {             responseTime = new Date().getTime();             ping = Math.abs(requestTime - responseTime);             if(option.afterPing) option.afterPing(ping);         }     });     if(option.interval && option.interval > 0)     {         var interval = option.interval * 1000;         setTimeout(function(){$.ping(option)}, interval); //        option.interval = 0;        // 阻止多重循环 //        setInterval(function(){$.ping(option)}, interval);     } };

来一个实例：

<div id="msg"></div> <script language="javascript" src="jquery.js"></script> <script language="javascript" src="ping.js"></script> <script> $.ping({ url : 'http://www.example.com',  beforePing : function(){$('#msg').html('')}, afterPing : function(ping){$('#msg').html(ping)},  interval : 1 }); </script>

转载于:https://my.oschina.net/766/blog/211319

[80_]: https://my.oschina.net/u/2663968/blog/3051541
[hot3.png]: /images/20220117/42df82232c5a4e0fa6cac4e659989103.png