javascript 仿ping 效果代碼

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

<p><meta content="text/html; charset=gb2312" http-equiv="Content-Type" /><style type="text/css">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></p><div id="divInput"><span>URL:</span> <input id="txtURL" type="text" /> <span>Timeout:</span> <input id="txtTimeout" value="2000" type="text" /> <input id="btnSwitch" type="button" onclick="handleBtnClick()" value="Start" /> <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;elseobjDIV.textContent = str;objContent.appendChild(objDIV);objContent.scrollTop = objContent.scrollHeight;}function cls(){objContent.innerHTML = "";}</script>
提示:您可以先修改部分代碼再運行

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.