JavaScript模仿CMD实现HTTP Ping结果

发布时间：2018-08-18 14:48:10 所属栏目：运营来源：站长网

导读：Java Script模仿CMD，实现的HTTP Ping 结果。 JS固然不能真正发送Ping的ICMP数据包，但Ping的本质如故是哀求/回覆的时刻差,HTTP天然可以实现此成果，不外在哀求时无法统计HTTP头部的长度，以是当哀求数据包长度在最大传输单位临界点时，特另外HTTP头可以导

JavaScript模仿CMD，实现的HTTP Ping 结果。

JS固然不能真正发送Ping的ICMP数据包，但Ping的本质如故是哀求/回覆的时刻差,HTTP天然可以实现此成果，不外在哀求时无法统计HTTP头部的长度，以是当哀求数据包长度在最大传输单位临界点时，特另外HTTP头可以导致IP分组，因此存在必然的偏差。

演示：

<!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>JS 模仿 HTTP Ping - www.veryhuo.com</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; } #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> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

等等党又赢了，iPhone	450W高功耗卡皇名不虚
群联 PCIe 5.0 SSD一定	微星Modern 14 15笔记