纯jsp中实现倒计时动态显示效果。

时间:2022-01-22 22:03:57

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<div id="showTimes"></div>

<%
  long current_time=System.currentTimeMillis();
  
  
  long  end_time=1337875200000l;
  
        long time=end_time-current_time;
 %>
<script>
var second = <%= time / 1000%>; // 剩余秒数
// 写一个方法,将秒数专为天数
var toDays = function(){
 var s = second % 60; // 秒
 var mi = (second - s) / 60 % 60; // 分钟
 var h =  ((second - s) / 60 - mi ) / 60 % 24; // 小时
 var d =  (((second - s) / 60 - mi ) / 60 - h ) / 24 // 天
return "剩余:" + d + "天" + h + "小时" + mi + "分钟" + s + "秒";
}
//然后写一个定时器
window.setInterval(function(){
 second --;
 document.getElementById("showTimes").innerHTML = toDays ();
}, 1000);
</script>