纯jsp中实现倒计时动态显示效果。
2017-09-21 11:47
459 查看
<%@ 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>
<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中实现倒计时动态显示效果。
- jquery+ajax实现倒计时动态显示效果。
- jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
- Android自定义控件View(实现控件的动画效果,自定义类画简略时钟,TextView中文字逐一显示,动态设置progress的圆环/扇形ProgressBar等)
- 利用jsp+Extjs实现动态显示文件上传进度
- 一个页面实现修改删除列表显示,ajax动态生成table(使用ajax,springmvc,jsp)
- jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
- jsp动态加载 图片实现左右滚动效果
- js实现input框文字动态变换显示效果
- jsp+Extjs实现动态显示文件上传进度
- JSP实现的简单分页显示效果代码
- 用JSP+Servlet实现二进制图像的动态显示-JSP教程,Java技巧及代码
- 微信小程序动态显示项目倒计时效果
- js实现input框文字动态变换显示效果
- jsp+Extjs实现动态显示文件上传进度
- Android数字动态显示,仿支付宝app效果简单的实现。字数从0-x!!!
- jquery实现隐藏显示层动画效果、仿新浪字符动态输入、tab效果