js获取服务器端时间的方法

      首先我们应该明白js是客户端执行的,所以,js的一切关于时间的函数,如Date.now()都是以客户端为准的,而当我们有倒计时的需求时,不可能以客户端的时间为准,如果客户端时间不予网络时间一致,整个项目就完蛋了,所以我们需要获取服务端时间

      我们获取服务器时间是发起ajax请求,然后获取请求头即header为准的

      两种方案:

由于我们获取到的是英文时间,与中国时间相差8个小时,所以我们先定义一个格式化时间的方法

function dateTimeFormate(date){
  if(!date){
    return
  }else{
    var d = new Date(date);
    var year = d.getFullYear();
    var month = ('0' + (d.getMonth() + 1)).slice(-2);
    var day = ('0' + (d.getDate())).slice(-2);
    var hour = ('0' + (d.getHours())).slice(-2);
    var minutes = ('0' + (d.getMinutes())).slice(-2);
    var seconds = ('0' + (d.getSeconds())).slice(-2);
    return year + "-" + month + "-" + day + " " + hour + ":" + minutes + ":" + seconds;
  }
}

     1,原生:

function getServerTime(){
    return new Promise((resolve,reject)=>{
        var xhr = new XMLHttpRequest();
        if( !xhr ){
            xhr = new ActiveXObject("Microsoft.XMLHTTP");  
        }  
        xhr.open("HEAD",location.href,true);  
        xhr.onreadystatechange=function(){  
            if( xhr.readyState == 4 && xhr.status == 200 ){
                resolve(xhr.getResponseHeader("Date"))
            }  
        }  
        xhr.send(null);
    })
}

    2,jQuery:

$.ajax({async:false}).getResponseHeader("Date")

可以看出这两种的结果是一样的,(前提网速够快,两则请求时间间隔短)

然后在格式化 

 

  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值