当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS实现获取服务器时间

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代码的准确性,请点击:获取服务器时间 进行本实例源码下载 

标签: 时间