推荐一个好玩的程序【网络延迟查看器】

鱼笨自由分类: 高效工具 2018-12-27 16:45:09

加载中...

网络延迟查看器，输入网址就可以计算网络延迟，访问5次，计算平均返回时间，从而得出延迟值。

- 线上部署的Demo(香港服务器，可查外网延迟)：
http://www.aa1100.xyz/yanchi/

**将代码部署到本地就可以查看：本地到各个网站的延迟**

源代码：

<!DOCTYPE html>
    <html>
    <head lang="en">
      <meta charset="UTF-8">
      <title>网络延迟查看器</title>
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport"
            content="width=device-width, initial-scale=1">
      <meta name="format-detection" content="telephone=no">
      <meta name="renderer" content="webkit">
      <meta http-equiv="Cache-Control" content="no-siteapp"/>
      <link rel="alternate icon" type="image/png" href="assets/i/favicon.png">
    </head>
    <body>
    <br><br>
    
    
    <h1 style="text-align: center">网络延迟查看器</h1>
    <br>
    <p style="text-align: center">网络延迟查看器，输入网址就可以计算网络延迟，访问5次，计算平均返回时间，从而得出延迟值。</p>
    <br><br><center>
    <input type="text" id="input_text" style="width: 60%;margin-left: 20%;margin-right: 20%;height: 60pt;text-align: center; " placeholder="请输入网址"/>
    <br>
      <input type="button" onclick="check2();" value="查看网络延迟" style="width: 30%;margin-right: 35%;margin-left: 35%;height: 40pt"/>
    <br><br>
      <div id="showtips" style="color: red;font-size: x-large;"></div>
    </center>
    
    
    <script src="js/jquery.min.js"></script>
    
    
    
    <script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js"></script>
    <script>
      var tt=[],times = 5;
        var Timer={
            data:{},
            start:function(key){
                Timer.data[key]=new Date();
            },
            stop:function(key){
                var time=Timer.data[key];
                if(time)
                    Timer.data[key]=new Date()-time;
            },
            getTime:function(key){
                return Timer.data[key];
            },
            showByKey:function (key) {
                console.log(key + '耗时：'+Timer.getTime(key)+'ms');
            }
        };
    
      function check2() {
          var input_text = $('#input_text').val();
          tt = [];
          showtips('正在拼命加载中……');
          for (var i=0;i<times;i++){
              postone(input_text,i);
          }
      }
    
      function postone(url,time) {
          var key = md5(url+time);
          Timer.start(key);
          var result = '';
          $.get(url, {u: url}, function (data) {
              Timer.stop(key);
              result = Timer.getTime(key);
              tt.push(result);
              Timer.showByKey(key);
              calcresult(time);
          },"json").error(function (error) {
              Timer.stop(key);
              result = Timer.getTime(key);
              tt.push(result);
              Timer.showByKey(key);
              calcresult(time);
          });
    
      }
      function calcresult(time) {
          if (time == times-1){
              var all=0;
              for (var j=0;j<times;j++){
                  all = all+tt[j];
              }
              var re = all/times;
              console.log('result: ' + re+'ms');
              if (myIsNaN2(re)){
                  showtips('太热门啦，再点一次试试看^_^');
              }else{
                  showtips('网络延迟: ' + re+'ms');
              }
    
          }
      }
    
      function myIsNaN(value) {
          return value !== value;
      }
      function myIsNaN2(value) {
          return typeof value === 'number' && isNaN(value);
      }
    
      function showtips(msg) {
          $('#showtips').html(msg);
      }
    </script>
    </body>
    </html>

转载请注明 : 推荐一个好玩的程序【网络延迟查看器】 [转自p8e.cn] 原文地址 : http://www.p8e.cn/Article/article/17.html

上一篇 : 收藏家使用说明

下一篇 : 记录一些常用的技术地址（tp5相关）

推荐一个好玩的程序【网络延迟查看器】

说点什么

热门

分类

归档

友情链接