為什么我的顯示是00：00：00啊，幫忙看一下
var WINDOW_WIDTH=1024;
var WINDOW_HEIGHT=768;
var RADIUS=8;//定義小球的半徑
var MARGIN_TOP=60;
var MARGIN_LEFT=30;
const endTime=new Date(2014,6,11,18,47,52);
var curShowTimeSeconds=0;
//加載頁面
window.onload=function(){
var canvas=document.getElementById("canvas");//獲得畫布
var context=canvas.getContext("2d");//獲得上下文環(huán)境
canvas.width=WINDOW_WIDTH;
canvas.height=WINDOW_HEIGHT;
? ? curShowTimeSeconds=getCurrentShowTimeSeconds();//獲得當前時間
render(context);//繪制當前的canvas畫布
}
function getCurrentShowTimeSeconds(){
var curTime=new Date();//得到當前的時間
var ret=endTime.getTime()-curTime.getTime();
ret=Math.round(ret/1000);
return ret >=0 ? ret : 0;
}
function render(cxt){
var hours=parseInt(curShowTimeSeconds/3600);
var minutes=parseInt((curShowTimeSeconds-hours*3600)/60);//得到的是毫秒數(shù)
var seconds=curShowTimeSeconds%60;
renderDigit(MARGIN_LEFT,MARGIN_TOP,parseInt(hours/10),cxt);//繪制第一個數(shù)字
renderDigit(MARGIN_LEFT+15*(RADIUS+1),MARGIN_TOP,parseInt(hours%10),cxt);//繪制第二個數(shù)字
? ? renderDigit(MARGIN_LEFT+30*(RADIUS+1),MARGIN_TOP,10,cxt);//冒號
? ? renderDigit(MARGIN_LEFT+39*(RADIUS+1),MARGIN_TOP,parseInt(minutes/10),cxt);//繪制分鐘
? ? renderDigit(MARGIN_LEFT+54*(RADIUS+1),MARGIN_TOP,parseInt(minutes%10),cxt);//繪制分鐘個位數(shù)
? ? renderDigit(MARGIN_LEFT+69*(RADIUS+1),MARGIN_TOP,10,cxt);//冒號
? ? renderDigit(MARGIN_LEFT+78*(RADIUS+1),MARGIN_TOP,parseInt(seconds/10),cxt);//繪制秒鐘
? ? renderDigit(MARGIN_LEFT+93*(RADIUS+1),MARGIN_TOP,parseInt(seconds%10),cxt);
}
function renderDigit(x,y,num,cxt){
cxt.fillStyle="rgb(0,102,153)";
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*2*(RADIUS+1)+(RADIUS+1),y+i*2*(RADIUS+1)+(RADIUS+1),RADIUS,0,2*Math.PI);
cxt.closePath();
cxt.fill();
}
}
2017-09-30
改成這樣：
const?endTime?=?new?Date(2017,9,1,9,0); var?curShowTimeSeconds?=?0;//存儲自1970年0時0分0秒到現(xiàn)在的毫米數(shù)，初始化為0； var?windowWidth?=?1024; var?windowHieght?=?768; var?R?=?8; var?marginTop?=?60; var?marginLeft?=?30; //?var?c?=?document.getElementById("clock"); //?var?context?=?c.getContext('2d'); //window.onload?=?function?()?{ var?canvas?=?document.getElementById("clock"); var?ctx?=?canvas.getContext('2d'); canvas.width?=?windowWidth; canvas.height?=?windowHieght; curShowTimeSeconds?=?getCurrentShowTimeSeconds(); render(ctx); //}; function?render(cxt)?{ ????var?hours?=?parseInt(curShowTimeSeconds?/?3600);//總秒數(shù)除以3600秒，強制類型轉換 ????var?minutes?=?parseInt((curShowTimeSeconds?-?hours?*3600)/60);//總時間減去小時的秒數(shù)，除以60秒，強制類型轉換 ????var?seconds?=?curShowTimeSeconds?%?60;//總時間除以60為分鐘數(shù)，其的余數(shù)為秒數(shù) ????//console.log("ds"); ????renderDigit(marginLeft,marginTop,parseInt(hours/10),cxt); ????renderDigit(15*(R+1)+marginLeft,marginTop,parseInt(hours%10),cxt); ????renderDigit(30*(R+1)+marginLeft,marginTop,10,cxt); ????//hours ????renderDigit(39*(R+1)+marginLeft,marginTop,parseInt(minutes/10),cxt); ????renderDigit(54*(R+1)+marginLeft,marginTop,parseInt(minutes%10),cxt); ????renderDigit(69*(R+1)+marginLeft,marginTop,10,cxt); ????//minutes ????renderDigit(78*(R+1)+marginLeft,marginTop,parseInt(seconds/10),cxt); ????renderDigit(93*(R+1)+marginLeft,marginTop,parseInt(seconds%10),cxt); ????//seconds } function?renderDigit(x,y,num,ctx)?{ ????ctx.fillStyle?=?"rgb(0,102,153)"; ????console.log(digit[num].length); ????for?(var?i?=?0;i<digit[num].length;i++){//遍歷所有數(shù)字的點陣 ????????//console.log(digit[num][i]); ????????for?(var?j?=?0;j<digit[num][i].length;j++){//遍歷所有點陣中的點 ????????????if?(digit[num][i][j]?===?1){ ????????????????ctx.beginPath(); ????????????????ctx.arc(x+j*2*(R+1)+(R+1),y+i*2*(R+1)+(R+1),R,0,Math.PI*2,true); ????????????????//?圓的margin為2，每個圓在一個格子中，圓的半徑為R ????????????????//?格子邊長為2*(R+1);i為y坐標，j為x坐標；第(i,j)個圓的圓心位置：(x+j*2*(R+1)+(R+1),y+i*2*(R+1)+(R+1)) ????????????????ctx.closePath(); ????????????????ctx.fill(); ????????????} ????????} ????} } function?getCurrentShowTimeSeconds()?{ ????var?curTime?=?new?Date(); ????var?ret?=?endTime.getTime()?-?curTime.getTime(); ????ret?=?Math.round(ret/1000); ????return?ret?>=0???ret:0; }2017-03-28
遇到一樣的問題，怎么解決的，親們
2017-03-22
時間沒有替換，不要照著老師的時間寫
const endTime=new Date(2014,6,11,18,47,52);
換成const endTime=new Date(2017,2,22,18,47,52);
2017-02-28
請問是怎么解決的? const endTime = new Date("2017/1/27,18:47:52");
我的頁面顯示還是為00:00:00
2016-11-15
是怎么解決的呢
2016-10-16
已解決