本文目录一览:
纯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 时间倒计时
你参考这个是计算用时的。。script language="javascript"
function get_time()
{
var date=new Date();
var year="",month="",day="",week="",hour="",minute="",second="";
year=date.getYear();
month=add_zero(date.getMonth()+1);
day=add_zero(date.getDate());
hour=add_zero(date.getHours());
minute=add_zero(date.getMinutes());
second=add_zero(date.getSeconds());
//document.all.DENDDONOTESTIME.value = year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
}
function add_zero(temp)
{
if(temp10) return "0"+temp;
else return temp;
}
setInterval("get_time()",1000);
/script
jsp倒计时代码
把从数据库中读出的时间赋值给javascript变量,然后用javascript实现倒计时,我简单写了下,你看看对你是否有帮助,把%=30%的30换成从数据库中取出的时间即可。
%@ page language="java" import="java.util.*" pageEncoding="utf-8"%
%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
base href="%=basePath%"
titleMy JSP 'B.jsp' starting page/title
meta http-equiv="pragma" content="no-cache"
meta http-equiv="cache-control" content="no-cache"
meta http-equiv="expires" content="0"
meta http-equiv="keywords" content="keyword1,keyword2,keyword3"
meta http-equiv="description" content="This is my page"
!--
link rel="stylesheet" type="text/css" href="styles.css"
--
/head
body
This is my JSP page. br
script type="text/javascript"
var time=%=30%;
var t = setInterval("f1()", 1000);
function f1()
{
document.all("time").innerHTML="剩余"+time+"秒";
time--;
if(time0)
{
clearInterval(t);
}
}
/script
div id="time"
这里用来显示时间
/div
/body
/html
JSP倒计时代码问题?
这个貌似使用类似JS的客户端脚本实现就行了何必用JSP呢,倒计时如果使用服务器脚本语言做,当然完全可以,但会给你的服务器带来很大压力。要不停的处理请求响应额。。。 JS实现的参考代码如下:html
body
input type="text" id="inputtime" value="请输入时间值"
input type="button" value="begin" onclick="checkTime()"
div id="timegone"/div
script
var time = 0;
function checkTime(){
var v = document.all.inputtime.value;
if(isNaN(v))
alert("请输入数字");
else{
time = parseInt(v);
auto();
}
}
function auto(){
document.all.timegone.innerHTML = --time;
if(time0)
setTimeout("auto()",1000);
else
alert("时间到!");
}
/script
/body
/html
怎么在jsp做一个倒计时?
可以使用javascript实现
!DOCTYPE html
html lang="zh-CN"
meta charset="utf-8"
head
title倒计时/title
/head
script src=""/script
script
$(function(){
var timerVal = $("#timer").val();
var i = setInterval(function() {
timerVal--;
$("#timer").val(timerVal);
if (timerVal 1)
clearInterval(i);
}, 1000);
});
/script
body
倒计时input id="timer" value="10"/
/body
/html
ps:此处jquery引用的网络包。使用时,请换成本地jquery地址