1、知道了大致實(shí)現(xiàn)思路后，你可以試著開(kāi)始手寫代碼我們定義一個(gè)函數(shù)，名為 counter 首先獲取當(dāng)前時(shí)間，現(xiàn)在是北京時(shí)間 2019 年 12 月 3 日，16 時(shí) 12 分，倒計(jì)時(shí) 1 小時(shí)，那么終止時(shí)間是 2019 年 12 月 3 日，17；+ month + quot月quot + day+quot日quot+quotquot+weekdaydgetDay這是我寫的一個(gè)年月日星期的代碼，你可以看看時(shí)分秒我有空給你寫一個(gè)。

2、本實(shí)例最終效果如圖1所示圖1 時(shí)鐘的最終效果 1首先啟動(dòng)Flash，新建一個(gè)影片，設(shè)置影片舞臺(tái)大小為270px*320px單位為象素，背景顏色為灰色，顏色代碼為#CCCCCC2首先制作時(shí)鐘里的時(shí)針新建一個(gè)影片剪輯元件，命名為hours；var hours = 12alerthours 12 ？ hours 12 hours下面是時(shí)鐘部分的代碼 function showtime var now = new Datevar hours = nowgetHoursvar minutes = nowgetMinutesvar sec；checkTime函數(shù)的作用是在小于10的數(shù)字前面補(bǔ)一個(gè)0，這樣顯示出來(lái)的時(shí)間就會(huì)顯得好看一些規(guī)范一些，比如不處理的話 123 看起來(lái)是不是怪怪的 10203 這樣就順眼多了。

3、當(dāng)前時(shí)間 = functioninterval var myDate = new Datevar partStr = #39#39var Week = #39日#39， #39一#39， #39二#39， #39三#39， #39四#39， #39五#39， #39六#39switch interval case #39y#39；對(duì)于這個(gè)問(wèn)題，只要刷新時(shí)間小于1秒，都是可以的這樣可以及時(shí)更新秒數(shù)這里的setTimeout是遞歸執(zhí)行的也就是在執(zhí)行一次后，時(shí)間更新以后，才會(huì)設(shè)置下次的setTimeout這里執(zhí)行更新時(shí)間的代碼也是要耗費(fèi)時(shí)間的因?yàn)閖avascript；var oldDate = new Date2011，4，23，0，0，0var nowDate = new Datevar week = quot日，一，二，三，四，五，六quotsplit#39，#39var str = quot今天是quot+nowDategetFullYear+quot年quot+nowDategetMonth +；windowonload = function var clock = documentgetElementById#39clock#39 var color = #39red#39， #39green#39， #39yellow#39， #39blue#39， #39black#39， #39gold#39， #39orange#39， #39gray#39， #39pink#39， #39maroon#39；function getDigits num=new Arrayquotieg_0fdrgifquot，quotieg_1fdrgifquot，quotieg_2fdrgifquot，quotieg_3fdrgifquot，quotieg_4fdrgifquot，quotieg_5fdrgifquot，quotieg_6fdrgifquot，quotieg_7。

4、JS代碼如下獲取上下文文檔對(duì)象 var clock = documentgetElementById#39clock#39 var cxt = clockgetContext#392d#39 畫指針 function drawPointerwidth， color， value， angle， startx， starty， endx；函數(shù)upDate 要寫在onload外面，寫在里面只能作為局部對(duì)象，下次調(diào)用的時(shí)候會(huì)提示找不到對(duì)象 function upDatevar aImg=documentgetElementsByTagName#39img#39var i=0var oDate=new Date var str = toDoubleo；這個(gè)計(jì)時(shí)器使用方法如下1首先打開(kāi)時(shí)鐘，在標(biāo)題欄可以看到它分為四個(gè)功能板塊，分別是鬧鐘時(shí)鐘秒表計(jì)時(shí)2第三個(gè)是計(jì)時(shí)，這里的計(jì)時(shí)指的是倒計(jì)時(shí)，在這里設(shè)置一段時(shí)間比如30分鐘，點(diǎn)擊開(kāi)始后它便從30分鐘開(kāi)始；放日期的地方改成一個(gè)label控件 tbar xtype #39label#39，id #39lblnowdate#39，fieldLabel #39您好，今天是#39，text getNowDate，#39#39， xtype #39button#39，text #39OA登陸#39，iconCls #39add#39，#39#39；因?yàn)閖s代碼是從上到下執(zhí)行的，所以 var clock = documentgetElementByIdquotmyclockquot找不到元素 clock是空的 所以可以將js代碼放到div后面，也可以將 var clock = documentgetElementByIdquotmyclockquot定義放到 set。

5、setTimeout定時(shí)documentwrite以后，重新打開(kāi)輸出流，會(huì)清空頁(yè)面內(nèi)容，包括你以前的代碼，簡(jiǎn)單改了一下 function tick var hours， minutes， seconds， xfilevar intHours， intMinutes， intSecondsvar todaytoday =；+ day+quot日quot+quotquot+weekdaydgetDay這是我寫的一個(gè)年月日星期的代碼，你可以看看時(shí)分秒我有空給你寫一個(gè)；這篇文章主要介紹了關(guān)于如何使用JS實(shí)現(xiàn)一個(gè)簡(jiǎn)易數(shù)碼時(shí)鐘，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下設(shè)計(jì)思路數(shù)碼時(shí)鐘即通過(guò)圖片數(shù)字來(lái)顯示當(dāng)前時(shí)間，需要顯示的圖片的URL根據(jù)時(shí)間變化而變化a獲取當(dāng)前。