Εκκίνηση χρονοδιαγράμματος Canvas

Πέμπτη ενότητα - Επικίνδυνη επιτάχυνση

Για να ξεκινήσετε το ρολόι, καλέστε τη συνάρτηση drawClock σε καθορισμένα χρονικά διαστήματα:

JavaScript:

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);

Προσπαθήστε το個人τικά

Διατύπωση κώδικα

Το μοναδικό που πρέπει να κάνετε (επιτάχυνση του ρολογιού) είναι να καλείτε τη συνάρτηση drawClock σε καθορισμένα χρονικά διαστήματα.

Με χρήση:

setInterval(drawClock, 1000);

Αντικατάσταση:

drawClock();

Αναφορά: οι διαστήματα εκφράζονται σε χιλιοστά δευτερολέπτων. Κάθε 1000 χιλιοστά δευτερολέπτων καλείται η συνάρτηση drawClock().

Δείτε επίσης:

Πλήρες εγχειρίδιο αναφορών Canvas του CodeW3C.com