<!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" onclick="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>
分享到：
相关推荐
在JavaScript中，没有内置的`ping`函数来检查网络连接或服务器的可达性。然而，可以利用异步图像加载的概念来模拟一个简单的`ping`功能。这篇文章提供的实例就是通过创建一个`Image`对象并监听其`onload`和`onerror`...
PingyJS 是一个用于在 JavaScript 中 ping 网站的小型库。 例子 pingy . ping ( "http://google.com" , function ( success ) { if ( success ) { alert ( "Google.com is UP!" ) ; } else { alert &...
但是，对于 3 的倍数，页面会打印“ping”而不是数字，对于 5 的倍数，页面会打印“pong”。对于 3 和 5 的倍数的数字，页面会打印'乒乓'。” - 看到它在行动克隆存储库： $ git clone ...
js模拟ping命令!js模拟ping命令!j
JS虽然不能真正发送Ping的ICMP数据包，在请求时无法统计HTTP头部的长度，所以当请求数据包长度在最大传输单元临界点时，额外的HTTP头可以导致IP分组，因此存在一定的误差,但Ping的本质仍然是请求/回复的时间差,HTTP...
在介绍如何使用JavaScript模拟Ping效果之前，首先需要明确Ping这个命令的基本概念。Ping命令是基于ICMP（Internet Control Message Protocol，互联网控制消息协议）的一个应用，它用于测试两个IP地址之间的网络连通...
在网页上实现ping命令，通常需要使用JavaScript或者WebAssembly技术，通过浏览器的`fetch` API或WebSocket发送TCP或UDP请求模拟ICMP的行为。因为浏览器的安全限制，直接发送ICMP报文是不可能的，但可以通过...
总结，这个“Ping Pong Game using JavaScript”项目是学习JavaScript基础和游戏开发的一个理想实践。它涵盖了HTML布局、CSS样式、JavaScript事件处理、对象创建、碰撞检测、Canvas绘图等多个重要技术点，为开发者...
在IT领域，网络诊断是日常工作中不可或缺的一部分，而"ping"命令是最基本的网络连通性测试工具。它通过发送ICMP（Internet Control Message Protocol）回显请求报文到目标主机，然后接收回应来判断网络连接的状态。...
`ping.aspx`是ASP.NET Web Form的前端页面，通常包含HTML、CSS和一些客户端脚本（如JavaScript），用于展示用户界面，接收用户输入，并显示ping结果。用户在该页面上输入待ping的目标地址，然后点击一个按钮触发ping...
在IT行业中，网络性能是衡量一个网站服务质量的重要指标之一，其中"Ping"是最常见的网络延迟检测工具。"Ping"命令用于测试两台计算机之间的网络连接速度，通过发送ICMP（Internet Control Message Protocol）回显...
- `src`：源代码目录，包含aping指令的JavaScript文件。 - `dist`：编译后的可部署文件，供生产环境使用。 - `examples`：示例代码和演示，帮助理解如何在实际项目中应用aping。 - `tests`：测试用例，确保aping的...
2. **jquery.js** - 这是jQuery JavaScript库的文件，一个广泛使用的JavaScript框架，它简化了DOM操作、事件处理和Ajax交互。在demo.html中引入jQuery可能是因为ping4j控件使用了jQuery进行DOM操作或实现动态效果。 ...
Ping.js是一个小巧的Javascript库，供浏览器“ ping”对Javascript中的Web服务器的响应时间！ 当您要在状态页面上显示相对于用户的实时ping时间时，这很有用。 有关其工作原理，请参见下面的。 JS小提琴示例： ：...
其中，JavaScript 负责嵌入 Flash 内容以实现 Ping 功能。 #### 2.2 HTML 结构解析 HTML 部分主要是页面布局结构： - `<div class="main">`：主容器。 - `<div id="b_1">`：内容容器。 - `;">`：用于显示 Ping 指令...
标题中的"jsp.zip_5RS9_JS前端ping源码_feedkxh_jsp ping_前端用jsp"揭示了这是一个关于JavaScript（JS）前端实现的网络Ping功能，利用JSP（JavaServer Pages）技术进行辅助。这个项目可能包含了前端的HTML页面...
在这个场景下，"ping++需要的jar包和js脚本文件"可能指的是用于Java后端和JavaScript前端的库文件。 1. **jar包**： - `jar`文件是Java应用程序的归档文件，其中包含了编译后的类文件、资源文件和其他必要的元数据...
Ping-Pong是用JavaScript编写的无依赖项的伪ping实用程序，可让您轻松确定某个HTTP服务器是否在线。 有时，在发出AJAX请求之前，您需要知道服务器是否处于活动状态。 或者，也许您像Apollo Music中的我们一样，您...