Старт часов на холсте


В этих главах мы создадим аналоговые часы, используя HTML Canvas.


Часть V. Запустите часы

Чтобы запустить часы, вызывайте функцию 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 миллисекунд.