JS+Canvas绘制时钟效果

前端之家收集整理的这篇文章主要介绍了JS+Canvas绘制时钟效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了使用canvas绘制时钟的具体代码,供大家参考,具体内容如下

1. clock.html

<Meta charset="UTF-8"> <Meta name="Description" content=""> canvas时钟

2. JavaScript代码

var canvas=document.getElementById("canvas"); var context=canvas.getContext('2d'); //draw(); function draw(){ //得到当前系统的时分秒 var now=new Date(); var sec=now.getSeconds(); var min=now.getMinutes(); var hour=now.getHours(); hour>=12&&(hour=hour-12);
  var radius = Math.min(canvas.width/2,1000)
}

以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。

原文链接:https://www.f2er.com/js/48492.html

猜你在找的JavaScript相关文章