JSP动态显示服务器时间和客户端时间

willvvv

浏览: 334181 次
性别:
来自: 深圳

最近访客更多访客>>

功夫小当家

liuxiao723846

jw1314

yuanyuan7891

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaEE

JSP 服务器时间 JS 当前时间

server-time.jsp内容如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%
String path = request.getContextPath(); String basePath =
request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'test.jsp' starting page</title>
<script language="javascript" type="text/javascript">
	//因程序执行耗费时间,所以时间并不十分准确,误差大约在2000毫秒以下
	var xmlHttp = false;
	//获取服务器时间
	try {
		xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e2) {
			xmlHttp = false;
		}
	}

	if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
		xmlHttp = new XMLHttpRequest();
	}

	xmlHttp.open("GET", "null.txt", false);
	xmlHttp.setRequestHeader("Range", "bytes=-1");
	xmlHttp.send(null);

	severtime = new Date(xmlHttp.getResponseHeader("Date"));

	//获取服务器日期
	var year = severtime.getFullYear();
	var month = severtime.getMonth() + 1;
	var date = severtime.getDate();
	//获取服务器时间
	var hour = severtime.getHours();
	var minu = severtime.getMinutes();
	var seco = severtime.getSeconds();
	//获取客户端时间
	localtime = new Date();
	//取得时间差
	var jtime = Math.abs(localtime.getTime() - severtime.getTime());
	var jdate = jtime / (24 * 60 * 60 * 1000);
	var jhour = jtime % (24 * 60 * 60 * 1000) / (60 * 60 * 1000);
	var jminu = jtime % (24 * 60 * 60 * 1000) % (60 * 60 * 1000) / (60 * 1000);
	var jsecond = jtime % (24 * 60 * 60 * 1000) % (60 * 60 * 1000)
			% (60 * 1000) / 1000;

	//格式化输出客户端时间
	function getClientTime() {
		localtime = new Date();
		var cyear = localtime.getFullYear();
		var cmonth = localtime.getMonth() + 1;
		var cdate = localtime.getDate();
		var chour = localtime.getHours();
		var cminu = localtime.getMinutes();
		var cseco = localtime.getSeconds();

		ccyear = addZero(cyear);
		ccmonth = addZero(cmonth);
		ccdate = addZero(cdate);
		cchour = addZero(chour);
		ccminu = addZero(cminu);
		ccseco = addZero(cseco);

		cinnerdata = "当前客户端时间：";
		document.getElementById("clienttime").innerHTML = cinnerdata + ccyear
				+ "-" + ccmonth + "-" + ccdate + " " + cchour + ":" + ccminu
				+ ":" + ccseco;
		document.getElementById('xctime').innerHTML = "时间相差："
				+ Math.round(jdate) + "天" + Math.round(jhour) + "小时"
				+ Math.round(jminu) + "分钟" + jsecond + "秒 总计:" + jtime + "毫秒";
	}
	//格式化输出服务器时间
	function getSeverTime() {
		seco++;
		if (seco == 60) {
			minu += 1;
			seco = 0;
		}
		if (minu == 60) {
			hour += 1;
			minu = 0;
		}
		if (hour == 24) {
			date += 1;
			hour = 0;
		}
		//日期处理
		if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8
				|| month == 10 || month == 12) {
			if (date == 32) {
				date = 1;
				month += 1;
			}
		} else if (month == 4 || month == 6 || month == 9 || month == 11) {
			if (date == 31) {
				date = 1;
				month += 1;
			}
		} else if (month == 2) {
			if (year % 4 == 0 && year % 100 != 0) {//闰年处理
				if (date == 29) {
					date = 1;
					month += 1;
				}
			} else {
				if (date == 28) {
					date = 1;
					month += 1;
				}
			}
		}
		if (month == 13) {
			year += 1;
			month = 1;
		}
		sseco = addZero(seco);
		sminu = addZero(minu);
		shour = addZero(hour);
		sdate = addZero(date);
		smonth = addZero(month);
		syear = year;

		innerdata = "当前服务器时间：";
		document.getElementById("servertime").innerHTML = innerdata + syear
				+ "-" + smonth + "-" + sdate + " " + shour + ":" + sminu + ":"
				+ sseco;
		setTimeout("getSeverTime()", 1000);
		setTimeout("getClientTime()", 100);
	}

	function addZero(num) {
		num = Math.floor(num);
		return ((num <= 9) ? ("0" + num) : num);
	}
</script>
</head>
<body onload="getSeverTime();">
	<p id="servertime"></p>
	<p id="clienttime"></p>
	<p id="xctime"></p>
</body>
</html>

运行效果如图：

另外一个JS效果的动态显示当前客户端时间client-time.html，可以通过修改客户端时间查看这两种的区别

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>当前日期</title>
当前时间：
<div  id="time" style="color:red;">
<script>
document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());
setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>
</div>
</body>
</html>

查看图片附件

分享到：

erlang分布式入门（一）-ping pong | 使用Spring3.0的AOP结合log4j实现接口方 ...

2012-05-22 16:29
浏览 6428
评论(1)
分类:编程语言
查看更多

1 楼 zhengqiweiyi 2015-10-26

请问这里的客户端和服务器是指同一台电脑上的吗？

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JSP动态显示服务器时间和客户端时间

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JSP动态显示服务器时间和客户端时间

评论

发表评论

相关推荐

ConcurrentHashMap的高性能

Hash散列及冲突解决

调用谷歌接口实现基站转经纬度

使用Spring3.0的AOP结合log4j实现接口方法执行时间记录

禁止浏览器缓存当前文档内容

java正则匹配微博@和话题#话题#

restlet使用中遇到的一些问题

spring 2.5.6和hibernate3.2.2集成（5）

spring 2.5.6和hibernate3.2.2集成（4）

spring 2.5.6和hibernate3.2.2集成（3）

spring 2.5.6和hibernate3.2.2集成（2）

spring 2.5.6和hibernate3.2.2集成（1）

The project was not built since the source file could not be read

The hierarchy of the type is inconsistent

activemq-5.3集成spring2.5以及quartz的调用

Dom4j的使用,存着以后看

JVM中的堆和栈

Struts2.0上传练习

struts2.0使用时的一个奇怪的问题

DAO+Factory+Hibernate的学习。。

最近访客更多访客>>