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

发布时间:2022-04-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了纯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程序设计有所帮助。

脚本宝典总结

以上是脚本宝典为你收集整理的纯jsp实现的倒计时动态显示效果完整代码全部内容,希望文章能够帮你解决纯jsp实现的倒计时动态显示效果完整代码所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。