Khởi động đồng hồ Canvas

Phần thứ năm - Bắt đầu đồng hồ

Để bắt đầu đồng hồ, hãy gọi hàm drawClock định kỳ một cách nhất định:

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);

Thử làm ngay

Giải thích mã

Việc duy nhất bạn cần làm (bắt đầu đồng hồ) là gọi hàm drawClock định kỳ.

Sử dụng:

setInterval(drawClock, 1000);

Thay thế:

drawClock();

Chú thích: Giá trị giữa các khoảng cách bằng miligiáy. Mỗi 1000 miligiáy sẽ gọi một lần drawClock().

Xin xem thêm:

Hướng dẫn tham khảo đầy đủ Canvas của CodeW3C.com