亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

求大神解答、、

為毛我弄出來是00:00:00


var windowH=768;

var windowW=1024;

var radius=8;

var margin_top=60;

var margin_left=30;


var s=0;



const endTime=new Date(2016,9,5,15,22,54);

window.onload=function(){

var canvas=document.getElementById("canvas");

var context=canvas.getContext("2d");

// context.arc(100,100,80,0,1.5*Math.PI);

// context.strokeStyle="#f00";

// context.stroke();

canvas.width=windowW;

canvas.height=windowH;

render(context);

s=ss();

}

function ss(){

var curTime=new Date();

var ret=endTime.getTime()-curTime.getTime();

ret=Math.round(ret/1000);

return ret>=0 ? ret:0;

}

function render(cxt){

var hour=parseInt(s/3600);

var minutes=parseInt((s-hour*3600)/60);

var seconds=s%60;

renderDigit(margin_left,margin_top,parseInt(hour/10) ,cxt);

renderDigit(margin_left+15*(radius+1),margin_top,parseInt(hour%10) ,cxt);

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);

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();

}

}

}

}


正在回答

1 回答

const endTime=new Date(2016,9,5,15,22,54);

時間設置的太長了,得設置成距離當前時間99小時以內

例如改成:const endTime=new Date(2016,8,3,15,22,54);這代表著2016年9月3號15時22分54秒

JavaScript的Date 的月份設置中 ? 0代表1月,1代表2月,2代表3月。。。。11代表12月,12。。。報錯;詳情請參考javascriptAPI

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
炫麗的倒計時效果Canvas繪圖與動畫基礎
  • 參與學習       96883    人
  • 解答問題       1029    個

學習HTML5中最激動人心的技術Canvas,徹底釋放自己的創造力

進入課程

求大神解答、、

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號