可以使用javascript实现
<!DOCTYPE html><html lang="zh-CN">
<meta charset="utf-8">
<head>
<title>倒计时</title>
</head>
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script>
$(function(){
var timerVal = $("#timer").val()
var i = setInterval(function() {
timerVal--
$("#timer").val(timerVal)
if (timerVal < 1)
clearInterval(i)
}, 1000)
})
</script>
<body>
倒计时<input id="timer" value="10"/>
</body>
</html>
ps:此处jquery引用的网络包。使用时，请换成本地jquery地址
用js控制，不用刷新页面，给你一个做参考：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>实时倒计时</title>
<meta http-equiv="content-Type" content="text/htmlcharset=gb2312">
</head>
<body>
<!--单位：秒-->
剩余时间：<span id="endtime">10</span>
<script type="text/javascript">
var CID = "endtime"
if(window.CID != null)
{
var iTime = document.getElementById(CID).innerText
var Account
RemainTime()
}
function RemainTime()
{
var iDay,iHour,iMinute,iSecond
var sDay="",sHour="",sMinute="",sSecond="",sTime=""
if (iTime >= 0)
{
iDay = parseInt(iTime/24/3600)
if (iDay >0)
{
sDay = iDay + "天"
}
iHour = parseInt((iTime/3600)%24)
if (iHour >0){
sHour = iHour + "小时"
}
iMinute = parseInt((iTime/60)%60)
if (iMinute >0){
sMinute = iMinute + "分钟"
}
iSecond = parseInt(iTime%60)
if (iSecond >= 0){
sSecond = iSecond + "秒"
}
if ((sDay=="")&&(sHour=="")){
sTime="<span style='color:darkorange'>" + sMinute+sSecond + "</font>"
}
else
{
sTime=sDay+sHour+sMinute+sSecond
}
if(iTime==0){
clearTimeout(Account)
sTime="<span style='color:green'>时间到了！</span>"
}
else
{
Account = setTimeout("RemainTime()",1000)
}
iTime=iTime-1
}
else
{
sTime="<span style='color:red'>倒计时结束！</span>"
}
document.getElementById(CID).innerHTML = sTime
}
</script>
</body>
</html>
倒计时，则定义是当前时间到将来某一个时间的时间差，既然需求都明确了有啥困难的呢。。。写一个tag，几个JSP都来引用就行了。。。tag内计算当前系统时间new Date()和指定字符串时间（例如2013-01-01 05:55:11）的时间差，至于差几天还是几小时，那就是单位换算的问题了。。如果不会写tag，那就把这些代码写在一个JSP里。然后其他JSP用<jsp:include page="../include/head.jsp"></jsp:include>里面路径拼对就可以展现了。。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）