网页测试网速方法

最新推荐文章于 2024-07-25 09:24:40 发布

aituilun9513

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量182

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/hcflyy/articles/3568674.html

版权

有些下载网站或者游戏网站，需要判断用户连接哪里的服务器速度快，而给用户推荐，这个是如何实现呢？客户端很好实现，但是网页也是可以实现的，我们可以用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 οnlοad="getbandwidth(1);">');
document.write('<img src="http://localhost2/testspeed.jpg?id='+Math.random()+'" width=0 height=0 οnlοad="getbandwidth(2);">');
</SCRIPT> 
</body>
</html>

View Code

转载于:https://www.cnblogs.com/hcflyy/articles/3568674.html

aituilun9513

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页测试网速方法

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

扫一扫