clock
昨天鴿了一天,有一處很奇怪的坑沒有解決,然后就把博客忘記了,后續(xù)會(huì)記錄下這個(gè)坑。
昨天晚上到今天天做了一道題目,要求用樣式不用圖片寫出一個(gè)時(shí)鐘,圖片如下:
昨晚踩的奇怪的坑就是js自動(dòng)生成刻度的,最開始想通過jQuery實(shí)現(xiàn),但是無(wú)法實(shí)現(xiàn),只有第一個(gè)生成的刻度旋轉(zhuǎn)。所以后面通過DOM實(shí)現(xiàn)了。
今天有一個(gè)讓我無(wú)地自容的錯(cuò)誤,太丟臉了。當(dāng)我寫完后,測(cè)試跑起來(lái)鐘表顯示的位置不對(duì),我就一步步的測(cè)試了獲取的時(shí)間(測(cè)試輸出結(jié)果秒,分,時(shí)都是正確的),然后重新計(jì)算了一下旋轉(zhuǎn)的度數(shù)(測(cè)試出來(lái)也是正確的),然后我就佛了。話鋒一轉(zhuǎn),吃了個(gè)飯后我突然發(fā)現(xiàn)指針最初都是指向6的,也就是說(shuō)他們都是在旋轉(zhuǎn)了180度的基礎(chǔ)上再次旋轉(zhuǎn)的,這樣顯示的結(jié)果當(dāng)然就不對(duì)了。我......,丟臉了。
然后改變指針位置,讓他們都指向12,嗯,就OK了。不過成品和原圖還差了點(diǎn)。有些刻度沒有利用原點(diǎn)實(shí)現(xiàn),后續(xù)再進(jìn)行修改。
以上,結(jié)束。附完成圖:
?
轉(zhuǎn)載于:https://www.cnblogs.com/dabailv/p/10908492.html
總結(jié)
- 上一篇: Vuejs报错error: Unexpe
- 下一篇: unittest简单使用的介绍