纯jsp实现的倒计时动态显示效果完整代码

本文实例讲述了纯jsp实现的倒计时动态显示效果代码。分享给大家供大家参考，具体如下：

<%@ 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>

希望本文所述对大家JSP程序设计有所帮助。

您可能感兴趣的文章:

• 微信支付H5调用支付详解（java版）
• 微信公众号支付H5调用支付解析
• 微信支付如何实现内置浏览器的H5页面支付
• js倒计时抢购实例
• js代码实现点击按钮出现60秒倒计时
• js实现点击获取验证码倒计时效果
• javascript同步服务器时间和同步倒计时小技巧
• JS自动倒计时30秒后按钮才可用(两种场景)
• 使用微信内嵌H5网页解决JS倒计时失效问题