JS实现web ping

最新推荐文章于 2023-05-15 18:32:49 发布

yangzhenmei0107

最新推荐文章于 2023-05-15 18:32:49 发布

阅读量732

点赞数

文章标签： web function delay statistics button xhtml

本文链接：https://blog.csdn.net/yangzhenmei0107/article/details/6483364

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>HTTP Ping</title>
<style>
html
{
height: 100%;
overflow: hidden;
}
body
{
background: #000;
color: #C0C0C0;
font-weight: bold;
font-size: 14px;
font-family: Lucida Console;
height: 100%;
margin: 0 0 0 5px;
}
#divInput
{
height: 10%;
}
#divContent
{
height: 90%;
overflow: auto;
}
#txtTimeout
{
width: 40px;
}
button
{
margin-left: 10px;
}
</style>
</head>
<body>
<div id="divInput">
<span>URL:</span>
<input id="txtURL" type="text" />
<span>Timeout:</span>
<input id="txtTimeout" type="text" value="2000" />
<input id="btnSwitch" type="button" value="Start" οnclick="handleBtnClick()" />
<hr/>
</div>
<div id="divContent"></div>
<script>
var intStartTime;
var objIMG = new Image();
objIMG.onload =
objIMG.onerror =
function()
{
/*
* 有回应,取消超时计时
*/
clearTimeout(intTimerID);
if(!bolIsRunning || bolIsTimeout)
  return;
var delay = new Date() - intStartTime;
println("Reply from " +
   strURL +
   " time" +
   ((delay<1)?("<1"):("="+delay)) +
   "ms");
arrDelays.push(delay);
/*
* 每次请求间隔限制在1秒以上
*/
setTimeout(ping, delay<1000?(1000-delay):1000);
}
function ping()
{
/*
* 发送请求
*/
intStartTime = +new Date();
intSent++;
objIMG.src = strURL + "/" + intStartTime;
bolIsTimeout = false;
/*
* 超时计时
*/
intTimerID = setTimeout(timeout, intTimeout);
}
function timeout()
{
if(!bolIsRunning)
  return;
bolIsTimeout = true;
objIMG.src = "X://";
println("Request timed out.");
ping();
}
</script>
<script>
var $ = function(v){return document.getElementById(v)};
var arrDelays = [];
var intSent;
var bolIsRunning = false;
var bolIsTimeout;
var strURL;
var intTimeout;
var intTimerID;
var objBtn = $("btnSwitch");
var objContent = $("divContent");
var objTxtURL = $("txtURL");
objTxtURL.value = window.location.host;
function handleBtnClick()
{
if(bolIsRunning)
{
  /*
   * 停止
   */
  var intRecv = arrDelays.length;
  var intLost = intSent-intRecv;
  var sum = 0;
  for(var i=0; i<intRecv; i++)
   sum += arrDelays[i];
  objBtn.value = "Start";
  bolIsRunning = false;
  /*
   * 统计结果
   */
  println("　");
  println("Ping statistics for " + strURL + ":");
  println("　　Packets: Sent = " +
    intSent +
    ", Received = " +
    intRecv +
    ", Lost = " +
    intLost +
    " (" +
    Math.floor(intLost / intSent * 100) +
    "% loss),");
  if(intRecv == 0)
   return;
  println("Approximate round trip times in milli-seconds:");
  println("　　Minimum = " +
    Math.min.apply(this, arrDelays) +
    "ms, Maximum = " +
    Math.max.apply(this, arrDelays) +
    "ms, Average = " +
    Math.floor(sum/intRecv) +
    "ms");
}
else
{
  /*
   * 开始
   */
  strURL = objTxtURL.value;
  if(strURL.length == 0)
   return;
  if(strURL.substring(0,7).toLowerCase() != "http://")
   strURL = "http://" + strURL;
  intTimeout = parseInt($("txtTimeout").value, 10);
  if(isNaN(intTimeout))
   intTimeout = 2000;
  if(intTimeout < 1000)
   intTimeout = 1000;
  objBtn.value = "Stop ";
  bolIsRunning = true;
  arrDelays = [];
  intSent = 0;
  cls();
  println("Pinging " + strURL + ":");
  println("　");
  ping();
}
}
function println(str)
{
var objDIV = document.createElement("div");
if(objDIV.innerText != null)
  objDIV.innerText = str;
else
  objDIV.textContent = str;
objContent.appendChild(objDIV);
objContent.scrollTop = objContent.scrollHeight;
}
function cls()
{
objContent.innerHTML = "";
}
</script>
</body>
</html>