互联网倒计时应用

倒计时主要是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>