JS運用Date做的歐式鐘錶

2021-09-23 21:56:10 字數 788 閱讀 3077

這個鐘錶主要考驗對時分秒的計算,以及各個指標選件角度的計算。

獲取當前時間 (new date())

獲取到2023年的總毫秒數alltime (gettime())

求出現在的時 分 秒

(1)此刻的秒數:(alltime/1000)%60 (1s =1000ms)

(2)此刻的分鐘數:(alltime/1000/60)%60

(3) 此刻的小時數:(alltime/1000/60/60)%24+8 (加 8

是因為中國時間從早上8點開始算起)

設定乙個大模組放置鐘錶

設定三個小塊放置時分秒指標,調整好每個指標的尾部都在鐘錶的中心位置,設定相同的旋轉中心(結合position 和 background-position)

求出各個指標旋轉度數,

(1)時針旋轉度數為此刻小時(h*30-90)度,減去90度是因為初始三個指標的位置指向3點,距離12點多偏移了90度。

(2)分針旋轉度數為此刻分鐘(m*6-90)度

(3)秒針旋轉度數為此刻分鐘(s*6-90)度

使用間歇呼叫 setinterval (function(),1000),讓各個指標

每秒旋轉,成為乙個真實的鐘錶。

效果如下:

現在時間是早上:7:01

js的date日期格式

有時候做專案會用到js的date日期格式,因為date 返回的格式不是我們需要的,date 返回格式 thu mar 19 2015 12 00 00 gmt 0800 中國標準時間 而我們則需要這樣的格式 2015 3 19 12 00 00 除非是在後台處理好時間格式,然後在頁面直接顯示。那如何...

js中的date 函式

1 獲取當前時間 let date new date 2 獲取當前的年份 let year date.getfullyear 3 獲取當前月份 let month date.getmonth 1 4 獲取當前日期 let nowdate date.getdate 5 獲取當前時分秒 let h da...

js中的Date 使用

首先,建立乙個js檔案,輸入這麼一行 console.log date 執行一下,發現會輸出一行日時間 輸出的這行日期時間既當前的日期時間,那麼 當前的日期和時間 是指的這個時刻的日期和時間還是當前電腦上的日期和時間呢,我們進行一下實驗,現在我把我的電腦日期改為2020 導致我的csdn被強制下線。...