纯jsp实现的倒计时动态显示效果完整代码
内容摘要
本文实例讲述了纯jsp实现的倒计时动态显示效果代码。分享给大家供大家参考,具体如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div id="sh
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<div id="sh
文章正文
本文实例讲述了纯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程序设计有所帮助。
代码注释