日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

使用js和canvas實現時鐘效果

瀏覽:178日期:2024-04-21 14:39:07

使用js和canvas寫一個時鐘,供大家參考,具體內容如下

使用js和canvas實現時鐘效果

<!DOCTYPE html>`<html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>Document</title></head><body> <canvas id=’canvas’ width=’600’ height=’600’ style='border: 1px solid red;'></canvas> <script> /** @type {HTMLCanvasElement} */ let canvas = document.querySelector('#canvas'); let ctx = canvas.getContext('2d'); let deg = Math.PI / 180; let HourR = 100; let MinutesR = 135; let SecondsR = 170; setInterval(function () { canvas.width = canvas.width; ctx.arc(300, 300, 200, 0, Math.PI * 2) ctx.fillStyle = ’rgba(10,100,30,0.2)’ ctx.strokeStyle = ’red’ //獲取當前時間 let dt = new Date() let Hour = dt.getHours() let Minutes = dt.getMinutes() let Seconds = dt.getSeconds() //時鐘 ctx.moveTo(300, 300); let xx = HourR * (Math.sin(Hour * 30 * deg)) let yy = HourR * (Math.cos(Hour * 30 * deg)) ctx.lineTo((300 + xx), (300 - yy)) //分鐘和秒鐘 function move(time, R) {ctx.moveTo(300, 300);xx = R * (Math.sin(time * 6 * deg))yy = R * (Math.cos(time * 6 * deg))ctx.lineTo((300 + xx), (300 - yy)) } //小時指針 for (let m = 0; m < 12; m++) {let xx = 190 * (Math.sin(m * 30 * deg))let yy = 190 * (Math.cos(m * 30 * deg))let xx1 = 200 * (Math.sin(m * 30 * deg))let yy1 = 200 * (Math.cos(m * 30 * deg))ctx.moveTo((300 + xx), (300 - yy));ctx.lineTo((300 + xx1), (300 - yy1)) } move(Seconds, SecondsR) move(Minutes, MinutesR) ctx.fill() ctx.stroke() }, 1000) </script></body></html>

更多JavaScript時鐘特效點擊查看:JavaScript時鐘特效專題

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
波多野结衣一区| 亚洲视频www| 午夜在线精品偷拍| 国产女优一区| 国产亚洲一区在线| 亚洲精品麻豆| 97精品在线| 欧美专区在线| 视频一区二区三区入口| 久久成人福利| 久久精品二区三区| 视频精品一区二区| 女同性一区二区三区人了人一| 美女久久网站| 伊人久久大香伊蕉在人线观看热v| 麻豆91在线播放| 99国产精品| 视频一区在线视频| 国产精品v日韩精品v欧美精品网站| 国际精品欧美精品| 亚洲深夜福利在线观看| 日本不卡一区二区| 激情婷婷亚洲| 美女视频网站久久| 国产传媒av在线| 99国产精品| 国产精品亚洲欧美| 亚洲成人va| 日韩精选在线| 国产精品天天看天天狠| 日韩精品中文字幕第1页| 日本a级不卡| 自由日本语亚洲人高潮| 日韩中文字幕在线一区| 97精品97| 亚洲人成亚洲精品| 国产精品99一区二区三| 日本不卡的三区四区五区| 国产极品嫩模在线观看91精品| 国产麻豆久久| 91嫩草精品| 午夜精品网站| 日韩国产欧美三级| 精品一区在线| 久久99国产精品视频| 午夜天堂精品久久久久| 欧美激情五月| 欧美日韩视频| 精品九九久久| 日韩三级精品| 亚洲欧美伊人| 国产 日韩 欧美 综合 一区| 蜜臀av性久久久久蜜臀aⅴ流畅| 91欧美在线| 97久久亚洲| 中文在线不卡| 久久裸体视频| 麻豆传媒一区二区三区| 日av在线不卡| 亚洲福利精品| 97精品国产福利一区二区三区| 欧美日韩亚洲三区| 日韩精品免费观看视频| 中文在线中文资源| 国产精品亚洲二区| 亚洲综合色婷婷在线观看| 91tv亚洲精品香蕉国产一区| 久久99影视| 日韩高清欧美激情| 丝袜美腿亚洲一区| 波多野结衣一区| 三上悠亚国产精品一区二区三区| 国产精品久久久一区二区| 亚洲三级毛片| 老鸭窝毛片一区二区三区| 91精品国产乱码久久久久久久| 精品亚洲a∨一区二区三区18| 日韩av一区二区三区四区| 三级亚洲高清视频| 亚洲一区成人| 久久精品国内一区二区三区水蜜桃| 精品三级av| 国产精品自在| 91精品美女| 亚洲精选av| 亚洲欧美日本国产| 视频精品一区二区| 狠狠色狠狠色综合日日tαg| 国产欧美一区二区三区精品酒店 | 国产一区观看| 免费看av不卡| 伊人久久国产| 日韩在线精品| 999视频精品| 激情欧美丁香| 在线亚洲自拍| 免费日韩精品中文字幕视频在线| 爽好多水快深点欧美视频| 三级欧美在线一区| 亚洲精品进入| 国产免费久久| 国产日韩欧美一区二区三区在线观看| 亚洲精选91| 久久精品999| 久久精品资源| 日韩久久视频| 九九综合在线| 亚洲精品高潮| 欧美精品不卡| 亚洲综合电影| 亚洲精品1区| 中文字幕免费一区二区| 亚洲精品四区| 国产精品极品国产中出| 美女久久99| 一本大道色婷婷在线| 久久美女性网| aⅴ色国产欧美| 蜜臀a∨国产成人精品| 国产乱码精品一区二区亚洲| 国产一区二区精品福利地址| 久久精品亚洲人成影院| 久久都是精品| 国产精品自在| 久久久精品日韩| 久久国产成人| 国产欧美日本| 久久精品免费一区二区三区| 蜜臀久久99精品久久久久宅男 | 97精品国产一区二区三区| 三级小说欧洲区亚洲区| 中文无码日韩欧| 精品日韩一区| 亚洲尤物在线| 精品国内亚洲2022精品成人| 91tv亚洲精品香蕉国产一区| 一本一道久久a久久| 国产精品a久久久久| 久久视频精品| 欧美日韩一区二区三区不卡视频| 亚洲欧洲美洲av| 综合精品一区| a国产在线视频| 日本中文字幕不卡| 精品淫伦v久久水蜜桃| 欧美精品黄色| 麻豆精品视频在线观看免费| 亚洲午夜电影| 91成人福利| 久久狠狠婷婷| 欧美日韩一区二区三区不卡视频| 亚洲成人一区在线观看| 日本aⅴ亚洲精品中文乱码| 久久蜜桃精品| 国产精品高清一区二区| 99在线|亚洲一区二区| 久久亚州av| 亚洲乱码久久| 国产91精品对白在线播放| 视频一区中文字幕精品| 韩国精品主播一区二区在线观看 | 久久永久免费| 美女久久一区| 五月天av在线| 国产剧情在线观看一区| 午夜在线视频一区二区区别| 福利一区二区免费视频| 日韩精品一页| 欧美日韩精品一本二本三本 | 91久久久精品国产| 久久久国产精品网站| 中文字幕乱码亚洲无线精品一区| 免费一二一二在线视频| 日韩精品欧美成人高清一区二区| 亚洲大片在线| 国产精品久久久久蜜臀| 国产精品探花在线观看| 中文字幕亚洲影视| 久久五月天小说| 黄色在线观看www| 人人精品久久| 蘑菇福利视频一区播放| 成人午夜网址| 国产另类在线| 亚洲三级av| av成人国产| 欧美精品一卡| 蜜臀av免费一区二区三区| 国产精品tv| 日本不卡视频一二三区| 久久av一区| 91精品亚洲| 日韩精品专区| 国产伊人久久| 欧美极品一区二区三区| 日本成人在线一区| 日韩中文字幕无砖| 红桃视频亚洲| 国产videos久久| 精品久久久网|