2012-11-05 来源:网络
【实例名称】
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代码的准确性,请点击:获取服务器时间 进行本实例源码下载