js 獲取當前時間,展示電子時間功能

2022-03-25 02:27:34 字數 841 閱讀 1931

今天根據專案需求,簡單寫了一下獲取當前時間,並顯示在網頁上的功能。其源**如下:

效果如下:

這裡有幾個注意事項:

1、獲取時間 getfullyear個getyear的區別和誤區。

getyear,有些瀏覽器是預設以2023年為基準的,導致顯示的時候,就成了114年。有些則是正常的,故需要注意。

getfullyear 瀏覽器顯示都是一樣,顯示結果為當前的結果

2、迴圈計時器用settimeout比setinterval好。

簡單原因是:瀏覽器是單執行緒的。settimeout能夠保證每次函式事件執行完畢,隔一秒後再出發這次函式事件。

而setinterval則是每隔一秒鐘呼叫一次該函式事件。(有可能事件執行事件大於1s,或者無法保證每次呼叫時間相隔不是1s,無法正常計時。)

3、判斷當前時間是早上、中午、晚上、凌晨,我這裡用了幾個判斷。並給與時間只有個位數,前面自動補零。

4、根據小時候看電子錶的經歷,我這裡並沒有直接顯示秒數,而是通過」:「閃爍來動態表示時間的重新整理。

總結:1、看似簡單的內容,寫的時候出了不少問題。特別是簡單的內容。

2、注意判斷的時候,把最大概率的判斷放在前面,這樣就會減少瀏覽器的判斷。比如,早上,晚上的判斷。我判斷凌晨的人最少,所以把這個判斷放在了最後。

3、這個簡單的時鐘顯示,覺得還太粗糙,特別是每秒都要重新生成時間,每次浪費的資源不少。需要改進:

改進思路:  1、每次獲取一次的當前時間,減少系統時間呼叫。然後對獲得的當前毫秒數進行處理顯示時間。

2、有判斷的獲取時間,比如年,可以很少進行重新整理。月、天,小時,選擇性進行重新整理。想必也能減少時間判斷。

ps:如何插入js**效果展示在頁面上啊,求教

js 獲取當前時間

js中獲得當前時間是年份和月份,形如 201208 獲取完整的日期 var date new date var year date.getfullyear var month date.getmonth 1 month month 10 0 month month var mydate year.t...

JS 獲取當前時間

var mydate new date mydate.getyear 獲取當前年份 2位 mydate.getfullyear 獲取完整的年份 4位,1970 mydate.getmonth 獲取當前月份 0 11,0代表1月 mydate.getdate 獲取當前日 1 31 mydate.get...

js獲取當前時間

使用js獲取當前的具體時間和日期 如下 var mydate new date mydate.getyear 獲取當前年份 2位 mydate.getfullyear 獲取完整的年份 4位,1970 mydate.getmonth 獲取當前月份 0 11,0代表1月 mydate.getdate 獲...