JSP动态显示服务器时间和客户端时间
程序员文章站
2022-04-14 22:53:40
...
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>
上一篇： OSCache