前端页面使用js模拟ping命令

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
let userIpAddress = '';
 
// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.ipify.org/?format=json'); // 调用第三方API获取IP地址
xhr.onload = function() {
    if (xhr.status === 200) {
        var response = JSON.parse(xhr.responseText);
        userIpAddress = response.ip; // 获取用户的公共IP地址
        console.log(response, userIpAddress)
        // 在此处添加其他相关代码或函数调用
    } else {
        console.error("Error retrieving IP address");
    }
};
xhr.send();
 
// 用JavaScript中的new Image()构造函数来模拟ping命令。该方式会向指定URL发起网络请求,并根据返回时间计算出与目标主机之间的连接速度。
function pingHost(hostUrl) {
    var startTime = Date.now();
    
    var img = new Image();
    img.src = hostUrl + "?timestamp=" + startTime; // 设置图片源为目标主机URL,同时传入当前时间戳
    
    img.addEventListener('load', function () {
        var endTime = Date.now();
        var duration = endTime - startTime;
        
        console.log("Ping to " + hostUrl + ": " + duration + "ms");
        
        // 在此处添加其他相关代码或函数调用
    });
}
 
// 示例
setTimeout(()=>{
  pingHost(userIpAddress);
},1000)

  

posted @   芝麻小仙女  阅读(772)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
历史上的今天:
2019-03-07 vue-详情列表偷懒遍历
2019-03-07 js 取整 取余
点击右上角即可分享
微信分享提示