用原生JS寫簡單的時鐘

2021-08-27 05:13:35 字數 449 閱讀 3140

這是乙個簡單的時鐘方案,主要**是三個時針旋轉的思路,時鐘布局省去。

step 1. 獲取時分秒轉針

var hour = document.getelementbyid('hour');

var min = document.getelementbyid('m');

var sec = document.getelementbyid('s');

step 2. 宣告四個變數並給他們賦值,初始值為零是為了便於時針角度的運算

var s =0,m = 0,h = 0,ms = 0;
step 3. 分別獲取當地時、分、秒,利用定時器函式使時針的旋轉隨著時間而變化

setinterval(),1000);
以上便是乙個簡單原生js寫時鐘,附上個人git鏈結

用js css 寫簡單時鐘

如下 doctype html en utf 8 時鐘 title text css 表盤的圓 clock circle 中間圓點 clock point 鐘錶刻度 ul li ul li.hour 時針 clock hour 分針 clock minute 秒針 clock second styl...

用原生的JS寫AJAX

第乙個值是請求方式,第二個值是url位址,第三個值是否非同步 xhr.onreadystatechange function xhr.send 網頁要用伺服器執行否則會有同源禁止策略。json.parse 將json格式資料轉化為js格式資料 這是json檔案 這是用ajax拿到的資料 如果是向頁面...

原生JS時鐘

charset utf 8 無標題文件title id css wrap wrap ul wrap ul li 鐘錶一圈是360度,一共12個小時 每個小時之間差360 12 30度,每個小時之間差有5個格,所以每個小格之間是30 5 6度 wrap ul li nth of type 1 wrap...