Canvas Clock Start

ບົດພາກ 5 - ເລີ່ມຕິດຕາມເວລາ

ເພື່ອເລີ່ມຕິດຕາມເວລາ, ທ່ານຈະເອິ້ນຫົວວິທີ 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() ເທື່ອດຽວ.

另请参阅:

See Also: