JSP获取服务器时间以倒计时的形式在页面显示


复制代码 代码如下:

<%@ 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>



相关阅读:
绝对定位元素被遮挡的解决方法
深入探讨Java多线程中的volatile变量
mysql found_row()使用详解
sqlserver中获取date类的年月日语句
使用canvas绘制超炫时钟
在Linux系统上进行openmp多线程编程的方法
php-redis中的sort排序函数总结
常用C/C++预处理指令详解
Android设置PreferenceCategory背景颜色的方法
ASP.NET配置文件Web.config用法详解
jquery实现最简单的滑动菜单效果代码
深入理解Java的接口与抽象类
分享几个Android开发有用的程序代码
php中的strpos使用示例
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 老师,对不起100字 贪玩的小表弟作文500字 学滑板 农村合作银行如何做好反腐倡廉工作 真正的成熟,是自有分寸 来自鼓楼巷的报告 童年的小溪】 群众路线党员党性分析材料 小学国旗下讲话稿:小学国旗下讲话 做一个梨花一般的女子作文450字 从小事做起的作文 幸福就是那双肩膀 情怀不改心依然(四首) 民间 留守儿童工作规划 中文教育专业生的求职信例文 记忆,是我曾走过 我的家乡—苏州作文200字 高中高二作文900字:鱼的自诉 装死的小蝌蚪 窗外的木棉花作文350字 小学五年级作文600字:妈妈,我爱你 相思,执手夕阳 放风筝150字作文 初中初一作文650字:有趣的“斗牛”比赛 2012—2013学年初二物理组教学工作总结 四年级科学学科教学工作汇报 依米花的光芒 温暖造句 读《母亲的偏方》有感 写日记的感受作文550字 你所羡慕的一切,都是有备而来 小恐龙波比 让雨来替我思念 我以为,我可以作文200字 我一直在等你,却等到你已穿上婚纱 你离开了,请顺便把我的心也带走 瞧这父女俩 秦始皇时民歌 小学四年级作文400字:当 小 组 长——真不容易 我的厨房秀 小学五年级作文450字:我的爷爷奶奶 心在做健康操 2014年绿色旅游公益宣传活动策划书_策划书 写给女生的话 经典的励志歌曲推荐 正月十五闹元宵_550字 村安全生产月工作方案 残爱二三记 人一生需要放下的八种东西

Copyright © 2016 phpStudy |