這個鐘錶主要考驗對時分秒的計算,以及各個指標選件角度的計算。
獲取當前時間 (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被強制下線。...