快捷搜索:   nginx

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>


顶(3)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论