var?canvas=document.getElementById("canvas");
var?context=canvas.getContext("2d");
canvas.width=800;
canvas.height=600;
??setInterval(render,10);
?
//console.log(digit);
var?r=6;
var?timer;
//console.log(x);
var?oTime=new?Date(2016,4,14,0,0,0);
var?nTime=new?Date();
var?h1=parseInt((oTime-nTime)/(1000*60*60*10)),
????h2=parseInt((oTime-nTime)/(1000*60*60)%10);
var?m1=parseInt((oTime-nTime)/(1000*60)%60/10),
????m2=parseInt((oTime-nTime)/(1000*60)%60%10);
var?s1=parseInt((oTime-nTime)/(1000)%60/10),
????s2=parseInt((oTime-nTime)/(1000)%60%10);
function?render(){
context.clearRect(0,0,800,600);?
draw(0,0,h1,context);
????draw(15*(r+1),0,h2,context);
draw(30*(r+1),0,10,context);
draw(39*(r+1),0,m1,context);
draw(54*(r+1),0,m1,context);
draw(69*(r+1),0,10,context);
draw(78*(r+1),0,s1,context);
draw(93*(r+1),0,s2,context);
}
//console.log(s1);
function?draw(x,y,num,cxt){
for(var?i=0;i<digit[num].length;i++){
for(var?j=0;j<digit[num][i].length;j++){
if(digit[num][i][j]==1){
cxt.beginPath();
cxt.arc(x+j*(r+1)*2+r+1,y+i*(r+1)*2+r+1,r,0,2*Math.PI);
cxt.fillStyle="blue";
cxt.fill();}
}
}
}//draw
2016-05-23
1、setInterval()使用的位置不對，應該放在你的h1，h2等算出來之后，不然你使用setInterval()時調用render()后調用draw()時，h1、h2等參數(shù)是屬于未定義的，也就是num是未定義的，所以digit[num].length會報錯；
2、你要確保var?oTime=new?Date(2016,4,14,0,0,0);中oTime的時間要在當前時間nTime之后，不然相減之后為負值，后面使用的時候索引越界，digit[num].length也會報錯；
3、注意兩個時間之間不要相差太大，最好不要超過100小時，不然小時的十位數(shù)顯示時也會引起索引越界而報錯。