最新的Web開發教程
 

Canvas時鐘啟動


在這些章節中,我們建立使用HTML畫布模擬時鐘。


第五部分 - 啟動時鐘

要啟動時鐘,請致電間隔drawClock功能:

JavaScript的:

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);
試一試»

例子解釋:

你所要做的(開始時鐘)的唯一的事情就是打電話給drawClock功能的時間間隔。

替代:

drawClock();

附:

setInterval(drawClock, 1000);

間隔為毫秒。 drawClock將被稱為每個1000毫秒。