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

一獲取上下文對(duì)象 var cxt = documentgetElementById‘元素名’getContect‘2d’ IE8或更早的瀏覽器不支持元素二 drawClock – 實(shí)現(xiàn)畫時(shí)鐘 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實(shí)現(xiàn)一個(gè)簡(jiǎn)易數(shù)碼時(shí)鐘，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下設(shè)計(jì)思路數(shù)碼時(shí)鐘即通過圖片數(shù)字來顯示當(dāng)前時(shí)間，需要顯示的圖片的URL根據(jù)時(shí)間變化而變化a獲取當(dāng)前。

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

myDatetoLocaleDateString可以獲取當(dāng)前日期 myDatetoLocaleTimeString 可以獲取當(dāng)前時(shí)間 擴(kuò)展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外面，寫在里面只能作為局部對(duì)象，下次調(diào)用的時(shí)候會(huì)提示找不到對(duì)象 function upDatevar aImg=documentgetElementsByTagName#39img#39var i=0var oDate=new Date var str = toDoubleo。

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

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

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

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