亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

html5寫的時鐘圓形表盤

2024-09-05 12:19:09

字體：大中小

來源：轉載

供稿：網友

html5寫的時鐘，圓形表盤樣式，Canvas實現的，Canvas真是個好東西啊，學會了可省去很多圖片，比較不錯的說？

<!doctype html><html><head><title>html5實現圓形時鐘</title></head><body><canvas id="canvas" width="900" height="900" style="background:#ff9900"></canvas><script>var canvas=document.getElementById('canvas');var cxt=canvas.getContext('2d');function shizhong() {	cxt.clearRect(0,0,900,900)	var now=new Date();	var sec=now.getSeconds();	var min=now.getMinutes();	var hour=now.getHours();	hour=hour+min/60;	hour=hour>12?hour-12:hour;		cxt.beginPath();		cxt.lineWidth=20;		cxt.strokeStyle="blue";		cxt.arc(300,400,300,0,360,false);		cxt.stroke();		cxt.closePath();			for(var i=0;i<12;i++){				cxt.save();				cxt.lineWidth="10";				cxt.strokeStyle="black";				cxt.translate(300,400);				cxt.rotate(i*30*Math.PI/180);				cxt.beginPath();				cxt.moveTo(0,-220);				cxt.lineTo(0,-290);				cxt.stroke();				cxt.closePath();				cxt.restore();			}		for(var i=0;i<60;i++){			cxt.save();			cxt.lineWidth=5;			cxt.strokeStyle="black";			cxt.translate(300,400);			cxt.rotate(i*6*Math.PI/180);			cxt.beginPath();			cxt.moveTo(0,-270);			cxt.lineTo(0,-290);			cxt.closePath();			cxt.stroke();			cxt.restore();		}		cxt.save();		cxt.translate(300,400);		cxt.lineWidth=8;		cxt.strokeStyle="#000";		cxt.beginPath();		cxt.rotate(hour*30*Math.PI/180);		cxt.moveTo(0,-150);		cxt.lineTo(0,10);		cxt.closePath();		cxt.stroke();		cxt.restore();		cxt.save();		cxt.lineWidth=5;		cxt.strokeStyle="#000";		cxt.translate(300,400);		cxt.rotate(min*6*Math.PI/180);		cxt.beginPath();		cxt.moveTo(0,-180);		cxt.lineTo(0,10);		cxt.stroke();		cxt.closePath();		cxt.restore();		cxt.save();		cxt.lineWidth=2;		cxt.strokeStyle="red";		cxt.translate(300,400);		cxt.rotate(sec*6*Math.PI/180);		cxt.beginPath();		cxt.moveTo(0,-240);		cxt.lineTo(0,10);		cxt.stroke();		cxt.closePath();		cxt.restore();}setInterval(shizhong,1000);</script></body></html>

上一篇：html5旋轉的太陽系動畫

下一篇：CSS3學習筆記之立體盒子動畫代碼

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

欧美激情一级二级| 欧美日韩裸体免费视频| www日韩欧美| 国模极品一区二区三区| 国产精品中文字幕久久久| 国产专区精品视频| 91探花福利精品国产自产在线| 国产精品久久久久久久午夜| 精品亚洲va在线va天堂资源站| 午夜精品视频在线| 欧美性受xxxx黑人猛交| 538国产精品一区二区在线| 国产午夜精品全部视频播放| 在线观看91久久久久久| 国产一区av在线| 国产欧美日韩高清| 国产成人高清激情视频在线观看| 久久黄色av网站| 日韩精品视频中文在线观看| 欧美精品videosex牲欧美| 日韩激情视频在线播放| 国产精品伦子伦免费视频| 国产精品视频公开费视频| 成人免费黄色网| 亚洲国产欧美一区| 亚洲一区二区自拍| 国产精品稀缺呦系列在线| 欧美日韩在线视频一区二区| 久久精品国产精品亚洲| 992tv成人免费视频| 91精品久久久久久久久青青| 午夜精品蜜臀一区二区三区免费| 亚洲美女av在线| 国产精品揄拍一区二区| 亚洲人成电影网站| 欧美肥婆姓交大片| 久久天天躁狠狠躁夜夜av| 亚洲精品美女网站| 午夜精品久久久久久99热| 九九热视频这里只有精品| 精品久久久久久电影| 久久久人成影片一区二区三区观看| 国产精品毛片a∨一区二区三区|国| 欧美日韩一区二区在线播放| 在线看国产精品| 亚洲一区二区三区成人在线视频精品| 成人黄色av网站| 亚洲午夜未删减在线观看| 亚洲图片欧洲图片av| 欧美日韩第一页| 国产精品xxx视频| 韩国19禁主播vip福利视频| 最新国产精品拍自在线播放| 久久久免费电影| 亚洲免费av电影| 国产精品va在线播放我和闺蜜| 国产综合在线观看视频| 亚洲最新视频在线| 国产精品高清免费在线观看| 最近中文字幕2019免费| 精品国内产的精品视频在线观看| 国产97免费视| 久久91精品国产91久久久| 亚洲一区二区三区四区视频| 久久精品国产一区二区电影| 国产亚洲精品久久久久久牛牛| 亚洲天堂网站在线观看视频| 久久精品电影网站| 欧美激情三级免费| 国产成人精品网站| 中文字幕欧美日韩精品| 日韩中文在线中文网在线观看| 91国内揄拍国内精品对白| 久久久精品在线| 日韩中文视频免费在线观看| 夜夜嗨av色一区二区不卡| 日韩电视剧在线观看免费网站| 欧美日本啪啪无遮挡网站| 亚洲一区二区三区久久| 欧美国产精品va在线观看| 日韩成人中文字幕| 最近中文字幕mv在线一区二区三区四区| 91精品国产免费久久久久久| 国产精品一区二区性色av| 国产精品对白刺激| 欧美激情一区二区三区在线视频观看| 国产精品色午夜在线观看| 亚洲字幕在线观看| 亚洲人精品午夜在线观看| 亚洲视频在线视频| 日韩精品视频免费专区在线播放| 亚洲最大激情中文字幕| 久久精品国产久精国产一老狼| 久久久久久久久亚洲| 亚洲美女性生活视频| 色综合男人天堂| 日韩成人av在线| 亚洲xxx视频| 国产精品久久久久久久久粉嫩av| 欧美午夜精品久久久久久浪潮| 成人国内精品久久久久一区| 国产精品视频专区| 日日噜噜噜夜夜爽亚洲精品| 久久人人爽人人爽人人片av高请| 日韩av一卡二卡| 成人a视频在线观看| 国产精品三级网站| 韩国v欧美v日本v亚洲| 乱亲女秽乱长久久久| 久久久久久久久久国产精品| 色悠久久久久综合先锋影音下载| 91av在线视频观看| 欧美性猛交xxxxx水多| 成人在线视频网站| 九色精品免费永久在线| 日韩一区二区欧美| 国产精品永久免费在线| 亚洲另类激情图| 国产精品永久免费| 国产亚洲欧美aaaa| 国产乱肥老妇国产一区二| 狠狠综合久久av一区二区小说| 欧美日韩中文字幕在线| 欧美成年人视频网站欧美| 久久久久久久香蕉网| 久久伊人免费视频| 亚洲国内精品视频| 亚洲男人天堂九九视频| 色婷婷亚洲mv天堂mv在影片| 久久久久国产精品www| 久久全国免费视频| 久久成人精品视频| xvideos成人免费中文版| 伊人伊成久久人综合网小说| 国产精品视频xxx| 91麻豆国产精品| 在线观看久久久久久| 欧美激情视频在线观看| 国产有码一区二区| 九九精品在线播放| 成人精品一区二区三区电影黑人| 91人人爽人人爽人人精88v| 国产不卡在线观看| 精品视频www| 亚洲毛片在线免费观看| 亚洲韩国欧洲国产日产av| 欧美黑人视频一区| 九九热最新视频//这里只有精品| 亚洲视频在线视频| 2020欧美日韩在线视频| 欧美日韩在线免费| 欧美激情图片区| 日本精品久久久久久久| 欧美激情va永久在线播放| 久久久久久久999精品视频| 久久久久久国产精品三级玉女聊斋| 国产精品草莓在线免费观看| 久久精品视频一| 精品中文字幕在线2019| 国产精品一二区| 亚洲男人天堂古典| 日韩美女在线观看| 日韩av免费观影| 亚洲a级在线观看|