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

使用jquery读取页面计算时间来实现ping功能，并显示ping 延迟值，来实现ping url的功能。当然这个和系统上CMD里的ping不是一回事，一个是ping使用icmp协议，而这个是使用http协议，获取响应时间。

下面是一个实例，大家可以测试一下

把下面代码存为ping.js

$.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);
    }
};

调用方式,把下面代码存为ping.html，打开就能看到ping值

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