319
技術社區[雲棲]
純jsp中實現倒計時動態顯示效果。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div ></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>
最後更新：2017-04-02 17:51:22