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

前端技术 2023/09/08 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程序设计有所帮助。

本文地址:https://www.stayed.cn/item/23037

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。