jsp时间倒计时代码（js日期倒计时）

本文目录一览：

• 1、纯jsp实现的倒计时动态显示效果完整代码
• 2、jsp 时间倒计时
• 3、jsp倒计时代码
• 4、JSP倒计时代码问题？
• 5、怎么在jsp做一个倒计时？

纯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地址