网页测试网速方法

有些下载网站或者游戏网站，需要判断用户连接哪里的服务器速度快，而给用户推荐，这个是如何实现呢？客户端很好实现，但是网页也是可以实现的，我们可以用javascript来实现，具体方法是：用javascript加载一个图片，在图片上加上onload事件即可：

<!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=utf-8" />
<title>测试网速</title>
<script src="/js/jquery.js" type="text/javascript"></script>
</head>

<body>
<div id="beifang"></div>
<div id="nanfang"></div>
<SCRIPT LANGUAGE="JavaScript">  
var starttime = new Date();
function getbandwidth(n) {
    var filesize = 115;    //图片大小，单位KB       
    var endtime = new Date();
    var speed = Math.round(filesize*1000)/(endtime - starttime);
    if(n==1) {
        document.getElementById("beifang").innerHTML = '北方的网速是：'+speed.toFixed(2)+'KB';
    } else {
        document.getElementById("nanfang").innerHTML = '南方的网速是：'+speed.toFixed(2)+'KB';
    }
}
document.write('<img src="http://localhost1/testspeed.jpg?id='+Math.random()+'" width=0 height=0 onload="getbandwidth(1);">');
document.write('<img src="http://localhost2/testspeed.jpg?id='+Math.random()+'" width=0 height=0 onload="getbandwidth(2);">');
</SCRIPT> 
</body>
</html>

View Code

posted on 2014-02-26 11:16 IT使者阅读(260) 评论(0) 编辑收藏举报