Płótno Zegar Start
W tych rozdziałach budujemy zegar analogowy za pomocą HTML Canvas.
Część V – Uruchom zegar
Aby uruchomić zegar, wywołuj funkcję drawClock w odstępach czasu:
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);
Przykład wyjaśniony
Jedyne, co musisz zrobić (aby uruchomić zegar), to wywoływać funkcję drawClock w określonych odstępach czasu.
Zastąpić:
drawClock();
Z:
setInterval(drawClock, 1000);
Interwał podany jest w milisekundach. DrawClock będzie wywoływany na każde 1000 milisekund.