JavaScript or JQuery 获取服务器时间

用js做时间校正，获取本机时间，是存在bug的。

使用js也可获取到服务器时间，原理是使用 ajax请求，返回的头部信息就含有服务器端的时间信息，获取到就可以了（有的IE下扔不会正常获取，还是更建议走后台接口的方式吧）。以下：

1、依赖jQuery

代码：

function getServerDate() {var serverDate;$.ajax({async: false,type: "POST",success: function (result, status, xhr) {serverDate= new Date(xhr.getResponseHeader("Date"));},error: function (result, status, xhr) {serverDate= new Date();},});return serverDate;
}

以上函数返回的就是一个Date对象，注意在使用ajax时必须同步，要不然无法返回时间日期。

无需填写请求链接；

如果服务器时间和本地时间有时差，需要做校正。

2、原生

代码：

function getServerDate(){var xhr = null;if(window.XMLHttpRequest){xhr = new window.XMLHttpRequest();}else{ // iexhr = new ActiveObject("Microsoft")}xhr.open("GET","/",false)//false不可变xhr.send(null);var date = xhr.getResponseHeader("Date");return new Date(date);
}

同样返回的是一个Date对象，xhr.open()必须使用同步;

无需填写请求链接;open，send，和getResponseHeader 必须按序编写。

如需使用异步请求，可监听onreadystatechange状态来做不同的操作。

代码如下：

function getServerDate(){var xhr = null;if(window.XMLHttpRequest){xhr = new window.XMLHttpRequest();}else{ // iexhr = new ActiveObject("Microsoft")}xhr.open("GET","/",true);xhr.send(null);xhr.onreadystatechange=function(){var time,date;if(xhr.readyState == 2){time = xhr.getResponseHeader("Date");date = new Date(time);console.log(date);}}
}

使用异步不是很方便返回时间。

这里的readyState有四种状态，方便做不同处理：

0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成，且响应已就绪

失败状态，status的值：

200: "OK"

404: 未找到页面

转自：https://www.cnblogs.com/hellobook/p/6112182.html

转载于:https://www.cnblogs.com/jearay/p/9796972.html

JavaScript or JQuery 获取服务器时间相关推荐

通过JQuery ajax获取服务器时间
通过JQuery ajax获取服务器时间,突然发现IE有兼容问题,原来是忽略了参数type引起的,因此需要加上type:'HEAD'或者type:'POST'即可. <script> // ...
前端——JavaScript获取系统时间以及通过ajax获取服务器时间
很多人会通过下列方式获取系统时间,并对时间进行处理: var time,year,month,date,hours,minutes,seconds; time = new Date(); year = ...
使用AJAX技术获取服务器时间
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
js取服务器系统时间,JS中new Date（）用法及获取服务器时间
1.获取服务器时间: var now = new Date($.ajax({async: false}).getResponseHeader("Date")); 2.new Dat ...
使用javascript和jquery获取类方法
1.本质区别 jquery是一个javascript库.jquery是一个基于javascript语言的框架,本质上就是javascript. 2.代码编写的差异 jquery大大简化了JavaScr ...
Jquery 获取当前时间日期
Jquery 获取当前时间日期代码如下: <script type="text/javascript">var timestamp = new Date().getTi ...
ajax 获取服务器时间
<script language="javascript" type="text/javascript"> //因程序执行耗费时间,所以时间并不十分 ...
jQuery获取当前时间
jQuery获取当前时间提示:在开发中,页面上可能要显示当前的时间,我们可以直接在前端进行实现提示: <span id = "time"></span> ...
html页面获取服务器时间,[html]定时获取服务器时间和本地时间
[html]定时获取服务器时间和本地时间 2018-11-1 萧写技术 .time_div{width:100%; padding:10px; text-align:center; margin:5 ...

JavaScript or JQuery 获取服务器时间

JavaScript or JQuery 获取服务器时间相关推荐

最新文章

热门文章