WEB前端初學者筆記(12) 時鐘的製作

2022-09-10 11:15:15 字數 2422 閱讀 5019

var aaa=function ()

setinterval(aaa,1000)括號內第乙個表示函式,第二個以毫秒為單位響應,代表多少毫秒之後執行一次此函式。 

調取時間的函式

console.log(new date().getfullyear)----四位數年份

console.log(new date().getmonth)---- 月份,從0計數所以少1

console.log(new date().getdate)----幾日

console.log(new date().getday)----星期幾

console.log(new date().gethours)----小時

console.log(new date().getminutes)----分鐘

console.log(new date().getseconds)-----秒鐘

注意:1.鐘錶指標樣式是由自己在css裡定義的,所以需要自己設transform-origin函式來置指標旋轉點

2.在設定js時候,在setlnterval定時器前執行一次函式,這樣就可以在開啟網頁時消除一秒的停頓

3.製作秒針的原理是,秒針一分鐘會轉一圈,也就是360度,一分鐘有60秒,所以每一秒就要轉6度,所以時間函式獲取秒進行(秒)*6計算也就是當前秒針應該指的方向

4.製作分針的原理是,分針一小時會轉一圈,也就是360度,一小時有60分鐘,所以每一分鐘就要轉6度,在通過獲取秒的時間,將秒轉換為分,得到每秒都會轉動的分針,所以時間函式獲取分後進行(分+秒/60)*6計算也就是當前分針應該指的方向

5.製作時針的原理是,時針一天會轉兩圈,也就是720度,一圈有12小時,所以每小時就要轉30度,在通過時間函式獲得分和秒後,將其轉化為時,得到每秒都會轉動的時針,所以時間函式獲取秒和分後進行(時+分/60+秒/3600)*30也就是當前時針應該指的方向

初學者web前端學習筆記

對於 if 語句括號裡的表示式,ecmascript 會自動呼叫boolean 轉型函式將這個表示式的結果轉換成乙個布林值。如果值為 true,執行後面的一條語句,否則不執行。通過arguments 物件的length屬性,來智慧型的判斷有多少引數,然後把引數進行合理的應用 比如,要實現乙個加法運算...

WEB前端初學者筆記(16) 表單事件

在j ascript中,常用的表單事件有3種。onfocus表示獲取焦點時觸發的事件,而onblur表示失去焦點時觸發的事件,兩者是相反操作。onfocus和onblur這兩個事件往往都是配合一起使用的。例如使用者準備在文字框中輸入內容時,此時它會獲得游標,就會觸發onfocus事件。當文字框失去游...

初學者應該如何學習web前端

優秀的前端開發工程師要在知識體系上要有廣度和深度,要具備快速學習的能力。前端開發工程師不僅要掌握基本的web前端開發技術,效能優化 及一些基礎知識,而且要學會運用各種工具進行輔助開發以及理論層面的知識,包括 的可維護性 分層語義模板和瀏覽器分級支援等。新手學習前端的話,一定要想想為什麼要學習它,是出...