lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitlecanvas clocklttitle ltstyle type=quottextcssquot div textalign centermargintop 250px clock border 1px solid #ccc ltstyle lthead ltbody ltdiv ltcanvas id=quotclockquot height=quot200pxquot width=quot20。

HTML顯示當(dāng)前動(dòng)態(tài)時(shí)間的具體操作步驟如下1新建一個(gè)HTML頁(yè)面2新建一個(gè)idweitimer的P標(biāo)簽，來(lái)動(dòng)態(tài)顯示日期時(shí)分秒3編寫(xiě)JS函數(shù)獲得當(dāng)前日期，然后根據(jù)當(dāng)前日期獲得年月日時(shí)分秒然后每隔一秒執(zhí)行一次該函數(shù)就實(shí)現(xiàn)了動(dòng)態(tài)日期4運(yùn)行效果。

return i ltscript lthead ltbody onload=quotstartTimequot 當(dāng)前時(shí)間ltfont color=quot#33FFFFquotltspan id=quotnowDateTimeSpanquotltspanltfont ltbodylthtml附上“倒計(jì)時(shí)”功能代碼ltp id=quotpquot距離20130101年還剩000天0000時(shí)0000分0000秒ltpltscript。

lt！setInterval實(shí)時(shí)顯示時(shí)間 ltp id=quottime1quot style=quotcolor bluevioletquotltp ltscript function mytime var a = new Datevar b = atoLocaleTimeStringvar c = atoLocaleDateStringdocumentgetElementByIdquottime1quotinnerHTML = c+quotnbspquot+b setInterval。

today = new Datefunction initArray thislength= forvar i=0iltthislengthi++thisi+1=initArrayargumentsi var d=new initArrayquot 星期日quot，quot 星期一quot，quot 星期二quot，quot 星期三quot，quot 星期四quot，quot 星期五quot，quot 星期六quottheday =。

ltscriptltbody onload=quotshowTimequotltdiv id=quottimequotltdivltbodylthtml把上邊的代碼保存成html網(wǎng)頁(yè)，然后打開(kāi)就可以了lttitle時(shí)間lttitleltscript language=quotjavascriptquotsetTimeoutquotquot，1000windowsetInterval#39showTime#39，1000function showTime。

documentgetElementByIdquottimeShowquotinnerHTML = quot現(xiàn)在的時(shí)間為quot+h+quot時(shí)quot+m+quot分quot+s+quot秒quott = setTimeouttime，1000設(shè)定定時(shí)器，循環(huán)執(zhí)行 ltscript lthead ltbody ltlabel id=quottimeShowquotltlable ltbody lthtml 這種類型的代碼網(wǎng)上是有資料的，自己多試試也是很好的。

純HTML不可能實(shí)現(xiàn)，可以借助于JAVASCRIPT的 setInterval或setTimeout來(lái)定時(shí)執(zhí)行一個(gè)更新文本的函數(shù)來(lái)實(shí)現(xiàn)給你一段代碼lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot DTDxhtml1transitionaldtdquot lthtml xmlns=quot。

lt！hide script from old browsers documentwritequot本頁(yè)最后更新日期 quot + documentlastModified + quotquot end hiding ltscript 我們只要把“源碼粘貼框”中的JavaScript代碼復(fù)制到你想要顯示最后更新時(shí)間的地方就行了如果我們把代碼復(fù)制到如下的表格中，則每次這個(gè)頁(yè)面的html文件更改時(shí)。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltscript標(biāo)簽中，輸入js代碼$#39body#39appendnew Date3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)頁(yè)面顯示出了系統(tǒng)時(shí)間。

ltdiv id=quottime1quot id is hang_2 ltdiv ltscript setIntervalquotdocumentgetElementById#39time1#39innerHTML = new DatetoLocaleStringquot， 1000ltscript 在右上角位置放上這個(gè)DIV。

用“Dreamweaver”工具編寫(xiě)HTML代碼，用javascript實(shí)現(xiàn)頁(yè)面動(dòng)態(tài)顯示時(shí)間的代碼如下所示后面的是代碼備注lthtml lthead lttitlelttitle ltscript function getDateDemo * 聲明時(shí)間 var date = new Date alertdate當(dāng)前時(shí)間 alertdatetoLocaleString轉(zhuǎn)化為本地。

使用js來(lái)實(shí)現(xiàn)，很簡(jiǎn)單，這一段代碼是lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quot lthead lttitle網(wǎng)頁(yè)中動(dòng)態(tài)的顯示系統(tǒng)日期時(shí)間lttitle lt。

網(wǎng)頁(yè)中動(dòng)態(tài)顯示當(dāng)前日期和時(shí)間是使用了js程序，方法如下將一下程序插入頁(yè)面 ltscript language=Javascript function time 獲得顯示時(shí)間的div t_div = documentgetElementById#39showtime#39 var now=new Date 替換div內(nèi)容 t_divinnerHTML = quot現(xiàn)在是quot+。

用 ‘dreamweaver’ 的工具 的編寫(xiě) HTML 代碼用 javascript 實(shí)現(xiàn) 頁(yè)面動(dòng)態(tài)的顯示時(shí) 間的代碼 代碼ltHTML lthead lttitlelttitle ltscript function getDateDemo 分別獲取年月日時(shí)分秒 var myDate = new Datevar year = myDategetFullYearvar month = my。