Java js 倒计时功能 时间统一问题

在做订单付款倒计时功能时，遇到了前端时间与后端时间不一致问题，测试发现，其中有三个不同的时间存在。

客户端时间：js 的 new Date(); 方法获得的时间，这个时间可以在客户端修改，因此不可以用在此处。

服务器时间：项目的web服务器的系统时间，获取原理是使用 ajax请求，返回的头部信息就含有服务器端的时间信息。

获取方法：

JQuery：
function getServerDate(){
    return new Date($.ajax({async: false}).getResponseHeader("Date"));
}

原生：
function getServerDate(){
    var xhr = null;
    if(window.XMLHttpRequest){
      xhr = new window.XMLHttpRequest();
    }else{ // ie
      xhr = new ActiveObject("Microsoft")
    }

    xhr.open("GET","/",false)//false不可变
    xhr.send(null);
    var date = xhr.getResponseHeader("Date");
    return new Date(date);
}

 数据库时间：通过sql语句 now() 获取的时间。由于数据库服务器可能与web服务器的不同，时间可能也会不一致。

建议解决方案：统一采用web服务器时间，sql传入服务器当前时间，js采用ajax获取服务器时间。

能帮到你的话，请右上角点个赞哦~