本文实例讲述了纯jsp实现的倒计时动态显示效果代码。分享给大家供大家参考,具体如下:%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%div id=...
本文实例讲述了纯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实现的倒计时动态显示效果完整代码


基础教程推荐
猜你喜欢
- SpringBoot嵌入式Web容器原理与使用介绍 2023-06-17
- 详解http请求中的Content-Type 2023-07-31
- 关于@MapperScan包扫描的坑及解决 2023-04-16
- java 解决Eclipse挂掉问题的方法 2024-01-10
- SpringBoot 2.5.5整合轻量级的分布式日志标记追踪神器TLog的详细过程 2023-06-17
- JSP servlet实现文件上传下载和删除 2023-07-30
- jsp hibernate的分页代码第3/3页 2024-01-11
- Spring MVC数据绑定方式 2023-06-30
- springboot中request和response的加解密实现代码 2022-12-08
- 用javascript制作qq注册动态页面 2023-12-16