راه‌اندازی ساعت کanvas

جزء الخامس - بدء الساعة

لبدء الساعة، قم بدعوة دالة 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().

لطفاً به: مراجعه کنید

دستورالعمل مرجع کامل کanvas CodeW3C.com