本文介绍了作者如何通过查阅资料和学习W3C上的canvas教程，动手实现了用JavaScript绘制一个时钟的示例代码。虽然代码存在重复，作者计划在未来进行优化。
突然好奇js怎么画时钟，就查了下。然后再w3c 看到了 关于canvas的函数，然后就写了个这么挫的代码= = 。重复代码太多了。以后找机会优化下。
<!DOCTYPE html>
<html>
<head>
<title>试试</title>
<meta charset = "utf-8">
<script type="text/javascript">
function draw(){
var now = new Date();
var sec = now.getSeconds();
var min = now.getMinutes();
var hour = now.getHours();
if(hour>12) hour -=12;
hour += (min / 60);
var canvas = document.getElementById('clock');
var content = canvas.getContext('2d');
content.clearRect(0, 0, canvas.width, canvas.height);
//画圆圈
content.beginPath();
最低0.47元/天 解锁文章
扫一扫
2344
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
