手机
当前位置:查字典教程网 >编程开发 >JSP教程 >JSP获取服务器时间以倒计时的形式在页面显示
JSP获取服务器时间以倒计时的形式在页面显示
摘要:复制代码代码如下:varNowHour="";//Today.getHours();varNowMinute="";//Today.getM...

复制代码 代码如下:

<%@ page language="java" import="java.util.*"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<%@ include file="/commons/meta.jsp"%>

<%@ include file="/commons/meta-et.jsp"%>

<%

Calendar cal = Calendar.getInstance();

int hour = cal.get(cal.HOUR_OF_DAY);

int minute = cal.get(cal.MINUTE);

int month = cal.get(cal.MONTH);

int date = cal.get(cal.DATE);

int year = cal.get(cal.YEAR);

int second = cal.get(cal.SECOND);

%>

<script type="text/javascript" defer="defer">

var NowHour = "";//Today.getHours();

var NowMinute = "";//Today.getMinutes();

var NowMonth = "";//Today.getMonth();

var NowDate = "";//Today.getDate();

var NowYear = "";//Today.getYear();

var NowSecond = "";//Today.getSeconds();

//获取服务端时间

function getTime(){

NowHour = <%=hour%>;

NowMinute = <%=minute%>;

NowMonth = <%=month%>;

//NowMonth = (parseInt(NowMonth)+1);

NowDate = <%=date%>;

NowYear = <%=year%>;

NowSecond = <%=second%>;

}

getTime();

startclock();

var timerID = null;

var timerRunning = false;

function showtime() {

var time='${enddate}';//获取数据库中结束时间或开始时间,然后开始计算离开始或结束还差多少时间

NowSecond = (parseInt(NowSecond)+1);

//-------------------------------------------------------------------

var a, a1, a2;

var EndTime ;

a = unescape('${enddate}').split(" "); //这是注释,此句是倒计时准确度的关键,调整成其他需要的时间即可,例如2012-12-20等。

if(a.length > 1){

a1 = a[0].split("-");

a2 = a[1].split(":");

EndTime= new Date(a1[0], a1[1] - 1, a1[2], a2[0], a2[1],a2[2]);

}

var NowTime= new Date(NowYear,NowMonth,NowDate,NowHour,NowMinute,NowSecond);

var nMS =EndTime.getTime() - NowTime.getTime();

var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));

var nH=Math.floor(nMS/(1000*60*60)) % 24;

var nM=Math.floor(nMS/(1000*60)) % 60;

var nS=Math.floor(nMS/1000) % 60;

var dddd= nD+'-'+nH+'-'+nM+'-'+nS;

if(nD>= 0){

document.getElementById('RemainD').innerText = nD;

document.getElementById('RemainH').innerText = nH;

document.getElementById('RemainM').innerText = nM;

document.getElementById('RemainS').innerText = nS;

}else {

document.getElementById('CountMsg').innerText="所有时间到!";

}

setTimeout("showtime()", 1000);

}

function startclock() {

showtime(); //调用计算时间差方法,并显示

}

</script>

</head>

<body>

<div id="CountMsg">

距离结束还剩<font color="red" size=5><strong id="RemainD">XX</strong>天<strong id="RemainH">XX</strong>时<strong id="RemainM">XX</strong>分<strong id="RemainS">XX</strong>秒</font>

</div>

</body>

</html>

【JSP获取服务器时间以倒计时的形式在页面显示】相关文章:

JSP 获取真实IP地址的代码

JSP运行原理和九大隐式对象说明

Java从服务器上获取时间动态显示在jsp页面实现思路

建立JSP操作以提高数据库访问的效率

JSP 多条SQL语句同时执行的方法

java获取当前日期时间代码

将JSP在内存生成的图片显示到页面

获取上一页面的URL和本页的URL的方法

JSP结合JavaBean生成静态页面示例

JSP页面查询显示常用模式

精品推荐
分类导航