JS实现获取服务器时间

2012/11/5 12:36:16作者：佚名来源：网络

移动端

【实例名称】

JS实现获取服务器时间

【实例描述】

有时候服务器时间与本地时间并不相同，如某些服务器可能设置在国外。本例学习如何获取服务器上的时间并显示在本地。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<script>
var XmlHttp = new ActiveXObject("Microsoft.XmlHttp");
//创建XMLHTTP对象
XmlHttp.open("HEAD","http://www.sohu.com",false);  
//从哪个服务器上获取时间
XmlHttp.send();                                      
//连接服务器
var offset = Date.parse(XmlHttp.getResponseHeader("Date"));
//获取标头中的时间
offset -= (new Date).getTime();                            
//获取本地时间与服务器时间的间隔
function ShowTime()                                         
//显示时间的方法
{
 var d = new Date;                                       
//获取当前时间                                     
 d.setTime(d.getTime()+offset);                          
//通过服务器和本地的时间间隔获取当前服务器时间
 document.body.innerHTML=d.toLocaleString();             
//显示服务器时间
}
setInterval("ShowTime()", "1000");
</script>
</head>
<body>
</body>
</html>

【运行效果】

获取服务器时间运行效果

【难点剖析】

本例的重点是“offset”变量二在网页第一次运行时，使用“XMLHTTP”对象先获取服务器上的时间，并使用“offset．=(newdate）．getTime（）”语句计算服务器和本地时间的一个差量。获取这个差量后，就不需要每次显示时间都与眼务器交互一次，而是不断执行“showTime”方法将时间显示在窗体中。

【源码下载】

为了JS代码的准确性，请点击：获取服务器时间进行本实例源码下载

标签： JS 时间服务器