Canvas soat: ishga tushirish
Ushbu boblarda HTML Canvas yordamida analog soat yaratamiz.
V qism - Soatni ishga tushirish
Soatni ishga tushirish uchun drawClock funksiyasini ma’lum oraliqlarda chaqiring:
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);
O‘zingiz sinab ko‘ring »
Misol izohi
(Soatni ishga tushirish uchun) qilishingiz kerak bo‘lgan yagona ish — drawClock funksiyasini ma’lum oraliqlarda chaqirish.
Quyidagini:
drawClock();
Quyidagi bilan almashtiring:
setInterval(drawClock, 1000);
Eslatma
Oraliqlar millisekundlarda beriladi. drawClock() har 1000 millisekundda chaqiriladi.
Shuningdek qarang:
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!