НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Графіка. Уроки W3Schools українською для початківців

En

Canvas Старт годинника


У цьому розділі ми створюємо аналоговий годинник за допомогою 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 мілісекунд.