倒计时主要是javascript,刚进页面的时候从服务器取得服务器时间,然后通过js来控制剩余时间
Action或者剩余时间代码
long second =(info.getEndDate().getTime()- info.getStartDate().getTime())/1000;//除以1000是为了转换成秒
spring mvc的话 model.addAttribute("second", second);
后面就可以交给js处理了
<script type="text/javascript">
var SysSecond; // 所有的秒数 var InterValObj; $(document).ready(function() { SysSecond = "$!{second}"; //这里获取倒计时的起始时间 InterValObj = window.setInterval(SetRemainTime, 1000); //间隔函数,1秒执行 }); //将时间减去1秒,计算天、时、分、秒 function SetRemainTime() { if (SysSecond > 0) { SysSecond = SysSecond - 1; var second = Math.floor(SysSecond % 60); // 计算秒 var minite = Math.floor((SysSecond / 60) % 60); //计算分 var hour = Math.floor((SysSecond / 3600) % 24); //计算小时 var day = Math.floor((SysSecond / 3600) / 24); //计算天 $("#remainTime").html(day + "天" + hour + "小时" + minite + "分" + second + "秒"); } else {//剩余时间小于或等于0的时候,就停止间隔函数 window.clearInterval(InterValObj); //倒计时时间为0后 xx按钮变成灰色 $("#").html("<font style = \"color:red;\">该xx已结束</font>"); } } </script>
其中id为remainTime的是现实倒计时的
<div id="remainTime"></div>