欢迎来到代码驿站!

JSP代码

当前位置:首页 > 软件编程 > JSP代码

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

时间:2021-05-07 10:47:55|栏目: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程序设计有所帮助。

上一篇:ssh项目环境搭建步骤(web项目)

栏    目:JSP代码

下一篇:JSP 制作验证码的实例详解

本文标题:纯jsp实现的倒计时动态显示效果完整代码

本文地址:http://www.codeinn.net/misctech/116335.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有