該時鐘顯示的內(nèi)容格式是“今天是***年**月**日 上午000000”，程序如下 now = new Datehour = nowgetHoursif hour lt 12 documentwritequot今天是quot + nowtoLocaleString else if hour。

一獲取上下文對象 var cxt = documentgetElementById‘元素名’getContect‘2d’ IE8或更早的瀏覽器不支持元素二 drawClock – 實現(xiàn)畫時鐘 1 clearRect 清空給定矩形內(nèi)的指定像素。

pink#39， #39maroon#39 鐘表顏色數(shù)組 setIntervalfunction var now = new Date clockinnerHTML = nowgetFullYear + #39年#39 + nowgetMonth+1 + #39月#39 + nowgetDate。

這篇文章主要介紹了關(guān)于如何使用JS實現(xiàn)一個簡易數(shù)碼時鐘，有著一定的參考價值，現(xiàn)在分享給大家，有需要的朋友可以參考一下設(shè)計思路數(shù)碼時鐘即通過圖片數(shù)字來顯示當(dāng)前時間，需要顯示的圖片的URL根據(jù)時間變化而變化a獲取當(dāng)前。

今天給各位介紹的這個“跟著鼠標(biāo)跑的時鐘和日歷”極COOL的，準(zhǔn)保你沒見過只須將如下的JavaScript代碼插入到你頁面html的head區(qū)即可codeSCRIPT language=JavaScript！dCol=yellow 定義日歷顏色fCol=#ff0000 定義。

myDatetoLocaleDateString可以獲取當(dāng)前日期 myDatetoLocaleTimeString 可以獲取當(dāng)前時間 擴展myDategetYear 獲取當(dāng)前年份2位myDategetFullYear 獲取完整的年份4位，1970？myDate。

var h=nowgetHoursvar m=nowgetMinutesvar s=nowgetSecondsvar ap=h=12？quotPMquotquotAMquotcontentinnerHTML=quot今天是quot+y+quot年quot+M+quot月quot+d+quot日quot+quot星期quot+quot日一二三四五六quotnowgetDay+quot。

函數(shù)upDate 要寫在onload外面，寫在里面只能作為局部對象，下次調(diào)用的時候會提示找不到對象 function upDatevar aImg=documentgetElementsByTagName#39img#39var i=0var oDate=new Date var str = toDoubleo。

+ month + quot月quot + day+quot日quot+quotquot+weekdaydgetDay這是我寫的一個年月日星期的代碼，你可以看看時分秒我有空給你寫一個。

#39+stri+#39quot#39documentgetElementById#39dis#39innerHTML=htmljoin#39#39 運行運行后，js代碼會添加一些元素到頁面上，會生成如圖所示的結(jié)構(gòu)看下頁面顯示效果顯示是通過樣式表完成的。

var myDatesetIntervalfunction myDate = new DatetestinnerHTML = myDatetoLocaleString，1000 把上面的代碼復(fù)制到html中用瀏覽器打開就看到了。

邏輯如下1先判斷兩個時間的時間差，當(dāng)然如果得到的時間是13位時間戳的話你需要轉(zhuǎn)化一下 2判斷時間夠一天顯示天數(shù)，夠一小時顯示小時數(shù) 相關(guān)代碼獲取時間，時間戳轉(zhuǎn)換，不是則不轉(zhuǎn)var mydate1 = new Date。