效果圖:
digit_1.js在之前的 canvas基礎繪製-倒計時 中有貼
countdown.js:
var window_width = 1024;var window_height = 768;
var radius = 8;
var margin_top = 60;
var margin_left = 30;
var endtime = new date();//
const宣告變數,不可修改,必須宣告時賦值;
endtime.settime( endtime.gettime() + 3600*1000);//
當前時間向後一小時;
var curshowtimeseconds = 0;
var balls =;
const colors = ["#33b5e5","#0099cc","#aa66cc","#9933cc","#99cc00","#669900","#ffbb33","#ff8800","#ff4444","#cc0000"];
window.onload = function
() ,50)
};function
getcurrentshowtimeseconds()
functionupdate()
if(parseint(curhours%10)!=parseint(nexthours%10))
if(parseint(curminutes/10)!=parseint(nextminutes/10))
if(parseint(curminutes%10)!=parseint(nextminutes%10))
if(parseint(curseconds/10)!=parseint(nextseconds/10))
if(parseint(curseconds%10)!=parseint(nextseconds%10))
curshowtimeseconds =nextshowtimeseconds;
}updateballs();
}function
updateballs()
}//如果小球出了畫布,就清除小球,效能優化
var cnt = 0;
for(var i=0;i)
}while (balls.length>math.min(300,cnt))
}
functionaddballs(x,y,num) ;
balls.push(aball);}}
}}function
render(cxt)
}function
renderdigit(x,y,num,cxt) }}
}
canvas基礎繪製 絢麗倒計時
效果圖 digit 1.js在之前的 canvas基礎繪製 倒計時 中有貼 countdown.js var window width 1024 var window height 768 var radius 8 var margin top 60 var margin left 30 var e...
倒計時 心跳倒計時
我從悶熱的午後醒來,可還是頭痛得厲害,睡意再次湧上心頭,我告訴自己不能再昏睡下去,於是決定出門去清醒一下。現在的天氣雖說有些燥熱,但是陰涼處還是比較涼爽,我慢慢地走,接著慢跑了起來,夕陽散發著最後一縷餘暉。我邊看著眼前的城市邊際的美景邊深呼吸著,隨著耳機裡傳來的 律動著。突然有個聲音從我腦海裡響起,...
js倒計時,秒倒計時,天倒計時
html 1 html 2 距某某開幕式還有 天 html html html id timer style color red 這次利用系統時間自校驗倒計時,無需手工調校使得倒計時更為精確,及詳細注釋如下 id clock 00 01 11 00 id startb type button val...