用js统计用户下载网页所需时间的脚本_javascript技巧

有时候,我们可能根据多台服务器,根据IP计算在南方的用户选择南方的服务器,在北方的选择北方的服务器,但是渐渐发现用IP统计经常出现误差.以前曾想过在客户端用ping的方法看看哪台服务器连接快,但是至少需要用户安装一个插件.现在想想,其实用js似乎也可以解决一部分问题

<script language="javascript">
function getDate()
{
var d = new Date();
var s = d.getUTCSeconds();
var m = d.getUTCMilliseconds();
return s + ":" + m;
}

var d1 = getDate();

function _onload()
{
d2 = getDate();
//计算d2,d1的差值,用xmlhttp传回服务器
alert(d1 + " ---- " + d2);
}
window.onload = _onload;
</script>
根据d2和d1的差值计算每一台服务器和客户端的下载速度,都存在cookie当中,然后再进行比较,选择一个较快的.并且过一定时间就更新一次cookie,进行较正.

时间: 2024-10-21 22:25:13

用js统计用户下载网页所需时间的脚本_javascript技巧的相关文章

JavaScript获取当前网页最后修改时间的方法_javascript技巧

本文实例讲述了JavaScript获取当前网页最后修改时间的方法.分享给大家供大家参考.具体如下: 下面的JS代码输出当前网页最后修改时间,用到了document.lastModified属性 <!DOCTYPE html> <html> <body> This document was last modified on: <script> document.write(document.lastModified); </script> <

js实现的简洁网页滑动tab菜单效果代码_javascript技巧

本文实例讲述了js实现的简洁网页滑动tab菜单效果代码.分享给大家供大家参考.具体如下: 这里介绍的是一款风格简洁的网页滑动门代码,基于JS和Div+CSS实现.滑动门菜单,只需鼠标放上去就切换的菜单,和网页选项卡只是操作形式上的不同而已,滑动门改选项卡只需将门菜单中的onmouseover换成onclick就行了,这样换了之后,切换内容需要鼠标点击门菜单才可以. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-div-hd-tab

JS实现超炫网页烟花动画效果的方法_javascript技巧

本文实例讲述了JS实现超炫网页烟花动画效果的方法.分享给大家供大家参考.具体分析如下: 非常炫的使用JS实现的一个网页烟花燃放动画效果,能适应JS做出这样的动画来 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns

js基于面向对象实现网页TAB选项卡菜单效果代码_javascript技巧

本文实例讲述了js基于面向对象实现网页TAB选项卡菜单效果代码.分享给大家供大家参考.具体如下: 这是一款自动的网页TAB,基于面向对象的选项卡菜单,由于时间关系只做了简单的实现,界面没有美化,不多做介绍了. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mxdx-tab-cha-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio

通过JS获取用户本地图片路径并显示的代码_javascript技巧

复制代码 代码如下: <!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=&qu

js实现的仿新浪微博完美的时间组件升级版_javascript技巧

这个时间组件以前发过一次,上次那个很烂,这次有时间了,把这个升级了,性能更好,完美兼容所有浏览器,ie6下拉select档不住的问题 也解决了.总之,差不多也算一个完美的时间组件, 在线demo nothingDemo 突然发现下面的代码里面有个运行代码可以看在线demo,就再最下面 然后贴出源码,只有一点简单的说明 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht

javascript网页关闭时提醒效果脚本_javascript技巧

复制代码 代码如下: <script language=javascript> function stoprefresh() { return "you will lose any unsaved content"; } function UnloadConfirm() { //页面离开后的事件 alert('离开页面后的一些清理工作--'); } </script> <body> <script> window.onbeforeunlo

js网页滚动条滚动事件实例分析_javascript技巧

本文实例讲述了js网页滚动条滚动事件用法.分享给大家供大家参考.具体分析如下: 在做js返回顶部的效果时,要监听网页滚动条滚动事件,这个事件就是:window.onscroll.当onscroll事件发生时,用js获得页面的scrollTop值,判断scrollTop为一个设定值时,显示"返回面部" js网页滚动条滚动事件 <style type="text/css"> #top_div{ position:fixed; bottom:80px; rig

JS+CSS实现自动切换的网页滑动门菜单效果代码_javascript技巧

本文实例讲述了JS+CSS实现自动切换的网页滑动门菜单效果代码.分享给大家供大家参考.具体如下: 这是一款支持自动切换功能的网页滑动门菜单,JS与CSS结合的技术成果,有人说它是自己会切换的网页选项卡标签面板,QQ登录后弹出的每日要闻迷你窗口中有类似效果,但是代码写法却是截然不同的,每一位作者的思路是不同的,因此您多了一份参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-auto-cha-tab-menu-style-code