Najnowsze tutoriale tworzenie stron internetowych
 

Canvas Zegar start


W tych rozdziałach możemy zbudować zegar analogowy z wykorzystaniem HTML płótnie.


Część V - uruchomić zegar

Aby uruchomić zegar wywołać funkcję drawClock w odstępach:

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);
Spróbuj sam "

Przykład Poradnik

Jedyne co trzeba zrobić (aby uruchomić zegar) jest wywołanie funkcji drawClock w odstępach.

Zastąpić:

drawClock();

Z:

setInterval(drawClock, 1000);

Interwał jest w milisekundach. drawClock będzie wywoływana za każde 1000 milisekund.