怎樣用HTML5制作旋轉(zhuǎn)時(shí)鐘?
網(wǎng)友解答: 你是想要用html5制作一個(gè)可以自己跑動(dòng)的時(shí)鐘嗎,其實(shí)并不是很難,只要用html5的canvas來(lái)繪制一個(gè)就可以了。代碼我就不用文字打了,給你傳個(gè)圖片,模仿者寫一下就行了。原
你是想要用html5制作一個(gè)可以自己跑動(dòng)的時(shí)鐘嗎,其實(shí)并不是很難,只要用html5的canvas來(lái)繪制一個(gè)就可以了。代碼我就不用文字打了,給你傳個(gè)圖片,模仿者寫一下就行了。
原理其實(shí)很簡(jiǎn)單,用canvas分別將表盤、時(shí)針、分針、秒針繪出來(lái),然后,設(shè)置個(gè)定時(shí)器,每隔一秒獲取系統(tǒng)時(shí)間然后將表盤重新繪制,就模擬出來(lái)鐘表跑動(dòng)的效果了,具體效果看下圖。