测试站点的链接速度

最新推荐文章于 2024-10-15 09:57:04 发布

luckystar2008

最新推荐文章于 2024-10-15 09:57:04 发布

阅读量164

点赞数

文章标签： javascript ViewUI

Js+Css+Html 专栏收录该内容

52 篇文章 1 订阅

订阅专栏

<script>
	// 测试站点的连接速度
	var t = 0;
	
	var btn;
	var st,et;
	function test(e) {
		st = new Date().getTime();
		btn = e;
		urlForm.firstChild.rows[0].cells[3].innerHTML = "正在测试..."
		e.disabled = true;
		document.getElementById("img").src = document.getElementById("urlText").value + "/" + Math.random();
		document.getElementById("img").onerror = list;
		//alert(document.getElementById("img").src);
	}
	
	function list() {
		et = new Date().getTime();
		if ((et - st) > 5000) {
			urlForm.timeTxt.value = "链接超时";
		}
		else {
			urlForm.timeTxt.value = (et - st) / 1000 + "s";
		}
		urlForm.firstChild.rows[0].cells[3].innerHTML = "测试完毕--" + new Date().toLocaleString();
		btn.disabled = false;
	}
</script>
<body>
	<form id="urlForm">
		<table>
			<tr>
				<td><input type="text" id="timeTxt"></td>
				<td><input type="text" id="urlText" value="http://www.baidu.com"></td>
				<td><input type="button" id="testBtn" value="Test" οnclick="test(this);">
					<input type="button" id="go" value="GO" οnclick="javascript:window.open(urlText.value);">
					<img id="img" width=1 height=1></td>
				<td></td>
			</tr>
			<tr><td id="r"></td></tr>
		</table>
	</form>
</body>