欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-18 12:44:21
本文实例讲述了纯jsp实现的倒计时动态显示效果代码。分享给大家供大家参考,具体如下: <%@ page language="java" import="ja...

本文实例讲述了纯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程序设计有所帮助。