javascript实现获取服务器时间
更新时间：2015年05月19日 09:16:45 投稿：hebedich
本文给大家总结了一下使用javascript来获取服务器时间的几种方法和思路，十分的简单明了，有需要的小伙伴可以参考下
JS是在客户端运行的脚本，而不是运行在服务器上，通常来说，通过JS获取时间的时候获取到的时间是访客本地电脑上的时间，为了让网页上的时间不因访客电脑差异而不同，我们有必要直接JS获取服务器时间。
下面是完整的js获取服务器时间代码，是使用javascript获取服务器时间的完整实例，js动态刷新服务器时间。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AJAX获取服务器时间</title>
<script type="text/javascript">
/*
* ajax 函数，处理 ajax 请求
* @param function callback 回调函数
* @因为要和服务器交互，所以必须在服务器环境运行，不能在硬盘上直接打开
*/
function ajax(callback){
if(typeof callback!='function') return;
var ajaxObject;
try{
ajaxObject=new XMLHttpRequest();
}catch(e){
try{
ajaxObject=new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
}
}
if(!ajaxObject) return;
if(ajaxObject.overrideMimeType){
ajaxObject.overrideMimeType('text/html');
}
//location.href可以换成其他url，但必须是同一个站点的链接，并且文件存在
ajaxObject.open('get',location.href);
ajaxObject.send(null);
ajaxObject.onreadystatechange=function(){
if(ajaxObject.readyState==4){
if(ajaxObject.status==200){
callback(ajaxObject);
}
}
};
}
/*
* 获取时间并动态刷新
*/
function getTime(){
ajax(
function(ao){
//只需要AJAX一次，将服务器时间获取后以毫米为单位保存到一个变量中
_timestamp=Date.parse(ao.getResponseHeader('Date'));
_timestamp=_timestamp.toString().match(/^\d$/)?_timestamp:new Date().getTime();
//设置定时器每过一秒动态刷新一次时间
setInterval(
function(){
//这里可以自定义时间显示格式
document.getElementById('_timer').innerHTML=new Date(_timestamp).toLocaleString();
_timestamp+=1000;
},
1000
);
}
);
}
window.onload=getTime;
</script>
</head>
<body>
<div id="_timer">正在获取服务器时间……</div>
</body>
</html>
思路分析：
服务器端时间这个概念很模糊。因为服务器端毕竟可能不是由一台机器组成的。最简单的情况，也分web服务器和db服务器。你说的究竟是哪一种
如果是web服务器。
那么直接在java或者.net那头new Date()就ok了
不要在网页中的<script>里面new Date，那个只是客户端时间
如果是db服务器。
需要连接到数据库，通过sql来取得。比如oracle的就是select sysdate from dual。
示例：
如果js要取得这样的服务器端时间，方法有很多。思路大体差不多。
1.
<script type="text/javascript">
var date = <%=date(刚才在服务器端取得的时间，内容取得方法上面分析过了)%>
</script>
2.<script type="text/javascript" src=".../ScriptServlet"></script>
将Servlet的返回流中写入一个js文件，使其当中的var nowDate = 服务器端时间
3.ajax，这个就不说了，网上一大堆
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
很多朋友看到定时，很容易想到用js定时器，还有盆友用meta来设置，下面小编给大家介绍js实现页面定时刷新的方法，一起看看吧2016-10-10
在工作中经常会遇到js限制输入方面的要求，本文将详细介绍其实现原理，需要的朋友可以参考下2012-12-12
Js实现表格隔行换色一例，这种效果网上已经有很多啦，每一种都有特色，请大家选择使用。2009-11-11
获取表单中的日期往后台通过json方式传的时候,遇到Date.parse(str)函数在ff下报错，有类似情况的朋友可以参考下本文2014-03-03
这篇文章主要为大家详细介绍了微信小程序uniapp添加悬浮菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
tbody元素支持嵌套的注意方法...2007-03-03
这篇文章主要介绍了js实现字符串转日期格式的方法,涉及javascript针对字符串与日期操作的相关技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了JavaScript中防抖和节流的区别及适用场景，文章通过围绕主题的相关资料展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-05-05
最近做项目遇到这样的需求，页面折叠超出的的部分显示省略号，点击展开后显示全部内容。具体实现代码大家跟随脚本之家小编一起学习吧2018-06-06
这篇文章主要为大家详细介绍了JavaScript canvas绘制动态圆环进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
最新评论