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