شروع ساعت 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