在網頁中使用js動態顯示時間（js 顯示時間）

本文目錄一覽：

• 1、如何在JSP中動態顯示系統時間
• 2、用js在網頁上顯示當前日期和時間,並顯示是星期幾
• 3、javascript, 網頁如何顯一個動態時間的 秒數 。代碼是如怎麼寫….
• 4、javascript動態顯示時間
• 5、JS如何動態顯示時間？
• 6、如何實現動態顯示當前系統時間

如何在JSP中動態顯示系統時間

JSP都是在伺服器端運行的，即編譯好之後就沒JSP什麼事了，JSP就只剩下HTML，CSS和JS等前端的東西了。所以想在頁面上動態顯示時間，只能用JS，那麼怎麼做呢？

就是JS去獲取本機時間顯示到HTML的DOM中，然後時時刻刻去更換這個數據，那麼就是動態的了，此中用到一些函數：

1：setInterval(function(){

},time);

2：var date = new Date()

在這兒就要去解析date了，要獲取它的時間戳(年月日，時分秒)，整合成需要的格式然後顯示出來

用js在網頁上顯示當前日期和時間,並顯示是星期幾

1、要獲得當前時間，我們可以使用Date方法，new一個Date對象。

2、然後調用這個對象的toLocaleTimeString方法，來獲取具體的時間

3、最後使用alert方法來彈出結果，來驗證一下是否正確

4、運行頁面，點擊按鈕，可以看到彈出一個確認框里，裡面顯示的時間就是當前時間了。

javascript, 網頁如何顯一個動態時間的 秒數 。代碼是如怎麼寫….

把下面的代碼保存成HTML文件

body

span id=”time”/span

/body

script type=”text/javascript”

function showtime(){

var str,time;

time=new Date();

str=”歡迎光臨，現在是”+time.getFullYear()+”年”+(time.getMonth()+1)+”月”+time.getDate()+”日 “+time.getHours()+”:”+time.getMinutes()+”:”+time.getSeconds();

document.getElementById(“time”).innerHTML=str;

}

setInterval(“showtime()”,1000);

/script

javascript動態顯示時間

html

head

title時鐘特效/title

script type=”text/javascript”

function disptime(){

var today = new Date()； //獲得當前時間

var hh = today.getHours()； //獲得小時、分鐘、秒

var mm = today.getMinutes()；

var ss = today.getSeconds()；

/*設置div的內容為當前時間*/

document.getElementById(“myclock”).innerHTML=”h1現在是:”+hh+”:”+mm+”:”+ss+”h1″；

/*

使用setTimeout在函數disptime()體內再次調用setTimeout

設置定時器每隔1秒（1000毫秒），調用函數disptime()執行，刷新時鐘顯示

*/

var myTime=setTimeout(“disptime()”，1000)；

}

/script

/head

body onload=”disptime()”

div id=”myclock”/div

/body。

JS如何動態顯示時間？

JS顯示動態的日期時間，參考如下：

body  

span id=”localtime”2013-10-30 12:33:02  星期三/span  

script type=”text/javascript”  

function showLocale(objD)  

{  

    var str,colorhead,colorfoot;  

    var yy = objD.getYear();  

    if(yy1900) yy = yy+1900;  

    var MM = objD.getMonth()+1;  

    if(MM10) MM = ‘0’ + MM;  

    var dd = objD.getDate();  

    if(dd10) dd = ‘0’ + dd;  

    var hh = objD.getHours();  

    if(hh10) hh = ‘0’ + hh;  

    var mm = objD.getMinutes();  

    if(mm10) mm = ‘0’ + mm;  

    var ss = objD.getSeconds();  

    if(ss10) ss = ‘0’ + ss;  

    var ww = objD.getDay();  

    if  ( ww==0 )  colorhead=”font color=\”red\””;  

    if  ( ww  0  ww  6 )  colorhead=”font color=\”red\””;  

    if  ( ww==6 )  colorhead=”font color=\”red\””;  

    if  (ww==0)  ww=”星期日”;  

    if  (ww==1)  ww=”星期一”;  

    if  (ww==2)  ww=”星期二”;  

    if  (ww==3)  ww=”星期三”;  

    if  (ww==4)  ww=”星期四”;  

    if  (ww==5)  ww=”星期五”;  

    if  (ww==6)  ww=”星期六”;  

    colorfoot=”/font”  

    str = colorhead + yy + “-” + MM + “-” + dd + ” ” + hh + “:” + mm + “:” + ss + ”  ” + ww + colorfoot;  

    return(str);  

};  

function tick()  

{  

    var today;  

    today = new Date();  

    document.getElementById(“localtime”).innerHTML = showLocale(today);  

    window.setTimeout(“tick()”, 1000);  

};  

tick();  

/script  

/body

如何實現動態顯示當前系統時間

網頁中動態顯示當前日期和時間是使用了js程序，方法如下：

將一下程序插入頁面

script language=Javascript

function time(){

//獲得顯示時間的div

t_div = document.getElementById(‘showtime’);

var now=new Date()

//替換div內容

t_div.innerHTML = “現在是”+now.getFullYear()

+”年”+(now.getMonth()+1)+”月”+now.getDate()

+”日”+now.getHours()+”時”+now.getMinutes()

+”分”+now.getSeconds()+”秒”;

//等待一秒鐘後調用time方法，由於settimeout在time方法內，所以可以無限調用

setTimeout(time,1000);

}

/script

修改body為body onload=”time()” 以便js程序載入運行

插入div id=”showtime”/div用以顯示日期時間的容器。