1、lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitlelttitle lthead ltbody ltstyle type=quottextcssquot#myTime color whiteborderstyle solidbackgroundcolor blackwid；你好增加和補(bǔ)充的的樣式 最后的效果 簡(jiǎn)單說(shuō)明一下給ul添加了一個(gè)flex布局，并設(shè)置內(nèi)容為行排列并且不進(jìn)行拆分，然后內(nèi)容居中對(duì)齊設(shè)置li的margintop值，該值主要參考背景圖片的高度你這里是278px，然后再減去li本身；lt！DOCTYPE htmllthtml lthead lttitle顯示當(dāng)前日期及時(shí)間lttitle lthead ltbody ltscript type=quottextjavascriptquot *本段函數(shù)控制小時(shí)分鐘秒數(shù)的雙位表示* function checkTimei if ilt10 i=quot。

2、這是我用image顯示大字時(shí)間的javascript碼主要部分，取日期，得時(shí)分秒上下午，選image，定時(shí)器每秒刷新一次，放在html里function show_hms if ！documentimages returnvar Digital = new Datevar hours =；比如如果時(shí)間是下午3點(diǎn)20分9秒的話，則顯示152009 MM=checkTimeMM dd=checkTimedd mm=checkTimemm ss=checkTimess var day 用于保存星期getDay方法得到星期編號(hào) if；1，首先，打開(kāi)瀏覽器，并進(jìn)入一個(gè)帶有時(shí)間顯示的網(wǎng)頁(yè)2，進(jìn)入網(wǎng)頁(yè)之后，按下鍵盤(pán)上的F12鍵，來(lái)打開(kāi)審查元素窗口然后按下審查元素窗口左上角的鼠標(biāo)指針的圖標(biāo)3，點(diǎn)擊之后，再點(diǎn)擊網(wǎng)頁(yè)上的顯示的時(shí)間數(shù)字4，此時(shí)，時(shí)間；1單擊“開(kāi)始”，單擊“控制面板”，出現(xiàn)控制面板界面，找到“時(shí)鐘，語(yǔ)言和區(qū)域”，單擊一下出現(xiàn)控制面板主頁(yè)，找到“日期和時(shí)間”，在日期和時(shí)間的最后面，找到“向桌面添加時(shí)鐘小工具”，單擊一下2出現(xiàn)“小工具”；1在電腦磁盤(pán)空白出右鍵新建，點(diǎn)擊文檔 2將文檔命名為index，用記事本打開(kāi) 3寫(xiě)入一下代碼，如圖lthtml xmlns=quot lthead ltmeta。

3、var divT=documentgetElementByIdquotdivTquot divTinnerHTML= ndatefunction add_zerotemp iftemplt10 return quot0quot+temp else return tempsetIntervalquotgetCurDatequot，100ltscript這段代碼兼容所有瀏；html編輯器1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltscript標(biāo)簽中，輸入js代碼$#39body#39appendnew Date3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)頁(yè)面顯示出了系統(tǒng)時(shí)間；lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltheadltscriptwindowonload = functionfunction nowTimeev，type* * ev顯示時(shí)間的元素 * type時(shí)間顯示模式若；1搭建網(wǎng)頁(yè) 利用已搭建的IIS本地服務(wù)器，在共享區(qū)域新建一個(gè)html文件，命名為indexhtml如圖 IIS與本地服務(wù)器的搭建，請(qǐng)看引用2植入html元素 用記事本打開(kāi)indexhtml，完善html基本元素 寫(xiě)入一下代碼 html；getElementByIdquotnowtimequotvar odate=new Datevar aa=toerodategetHours+quot quot+toerodategetMinutes+quot quot+toerodategetSecondsnowtimeinnerHTML = aa，1000 ltscript。

4、ltscript language=quotjavascriptquot type=quottextjavascriptquot function getFullStringTime var currentDate = new Datevar strMinute = currentDategetMinuteslt10？quot0quot+currentDategetMinutes；可以在html頁(yè)面內(nèi)使用JavaScript語(yǔ)句來(lái)獲取當(dāng)前日期最簡(jiǎn)單的方法是使用strTime = new Date來(lái)獲取當(dāng)前日期PS上述語(yǔ)句雖然簡(jiǎn)單，但是有兼容性問(wèn)題相對(duì)復(fù)雜，但是兼容性好的方法是使用getFullYeargetMonthgetDay；把這個(gè)DIV放到你想放到的地方，然后修改一下樣式就可以了 ltstyle time ltstyle ltdiv class=quottimequot ltSCRIPT language=JavaScript lt！ tmpDate = new Datedate = tmpDategetDatemonth= tmpDat；lt！doctype htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyle#timeDiv0fontsize50pxcolor blueborder 1px solid redtextalign center#timeDiv4fontsize 100px；做這個(gè)，你要明確各個(gè)城市所在時(shí)區(qū)的時(shí)間差是多少寫(xiě)一個(gè)定時(shí)器，每秒調(diào)用一次，過(guò)去當(dāng)前時(shí)間戳，把時(shí)間戳轉(zhuǎn)換成你想要的格式，給不同城市設(shè)置變量，根據(jù)不同城市的時(shí)差在時(shí)間戳上進(jìn)行加減操作，把那幾個(gè)變量寫(xiě)到頁(yè)面上就。