网页测试网速方法

有些下载网站或者游戏网站，需要判断用户连接哪里的服务器速度快，而给用户推荐，这个是如何实现呢？客户端很好实现，但是网页也是可以实现的，我们可以用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