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 мілісекунд.