基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

绘制一个时钟

function Refresh()
{
var c=document.getElementById("MyCanvas");
var cxt=c.getContext("2d");
cxt.restore();
cxt.save();

cxt.rotate(ls*Math.PI/30);
cxt.clearRect(5,-1,slen 1,4);//清除秒针上次显示的内容
cxt.restore();
cxt.save();

cxt.rotate(lm*Math.PI/30);
cxt.clearRect(5,-2,mlen 1,7);//清除秒针上次显示的内容
cxt.restore();
cxt.save();

cxt.rotate(ls*Math.PI/6);
cxt.clearRect(5,-5,hlen 1,10);//清除秒针上次显示的内容

var time=new Date();
var s=ls=time.getSeconds();//获取当前时间（秒钟）
var m=lm=time.getMinutes();//获取当前时间（分钟）
var h=lh=time.getHours();//获取当前时间（时钟）
cxt.restore();
cxt.save();

cxt.rotate(s*Math.PI/30);//根据秒钟数设置秒针位置
cxt.fillRect(5,0,slen,2);//重新绘制秒针
cxt.restore();
cxt.save();


cxt.rotate(m*Math.PI/30 s*Math.PI/30/60);//根据分钟数设置分针位置
cxt.fillRect(5,0,mlen,3);//重新绘制分针
cxt.restore();
cxt.save();

cxt.rotate(h*Math.PI/6 s*Math.PI/6/60/60 m*Math.PI/6/60);//根据时钟数设置时针位置
cxt.fillRect(5,-2,hlen,4);//重新绘制时针

}