js获取服务器端时间

Javascript是运行在客户端的脚本，我们一般都用new Date()来获取当前时间，但是得到的是客户端的时间，客户端时间是随意更改的，如果要做一个产品发布倒计时的话，客户端时间一改，就要闹笑话了。业务中需要用到服务器时间的场景还有很多，那么仅仅通过js怎么拿到服务器时间呢？事实上，只需要一个ajax请求就搞定，通过读取XMLHttpRequest对象的请求头里面的时间戳得到当前服务器时间！

 

　　原理就是这么简单：通过ajax向服务器发送请求，当服务器收到请求后即可读取请求头的时间戳了，不管请求成功或失败，都可以拿到时间戳。怎么判断服务器收到请求了呢？当ajax请求发送之后，XMLHttpRequest有5中状态变化：

 

XMLHttpRequest.readyState值 表示的意思

0 未初始化，已经创建一个XMLHttpRequest对象，但是还没有初始化

1 未发送，代码已经调用了xmlhttprequest open()方法并且xmlhttprequest已经准备好把一个请求发送到服务器

2 已发送，已经通过send()方法把一个请求发送到服务器端，但是还没有收到一个响应，可以读取请求头信息了

3 正在接收，已经接收到http响应头部信息，但是消息体部分还没有完全接收完毕

4 已加载，响应已经被完全接收

　　通过监听XMLHttpRequest的readystatechange事件来判断当前处于哪种状态，从表中可以看出，当XMLHttpRequest.readyState值为2时就可以读取请求头拿到我们要的时间戳了。代码如下：

< p id = "time" ></ p >

< script >

ajax()

   function ajax(option){

     var xhr = null;

     if(window.XMLHttpRequest){

       xhr = new window.XMLHttpRequest();

     }else{ // ie

       xhr = new ActiveObject("Microsoft")

     }

     // 通过get的方式请求当前文件

     xhr.open("get","/");

     xhr.send(null);

     // 监听请求状态变化

     xhr.onreadystatechange = function(){

       var time = null,

           curDate = null;

       if(xhr.readyState===2){

         // 获取请求头里的时间戳

         time = xhr.getResponseHeader("Date");

         console.log(xhr.getAllResponseHeaders())

         curDate = new Date(time);

         document.getElementById("time").innerHTML = "服务器时间是："+curDate.getFullYear()+"-"+(curDate.getMonth()+1)+"-"+curDate.getDate()+" "+curDate.getHours()+":"+curDate.getMinutes()+":"+curDate.getSeconds();

       }

     }

   }

</ script >