Đồng hồ canvas bắt đầu
Trong các chương này, chúng ta xây dựng một đồng hồ analog bằng cách sử dụng HTML Canvas.
Phần V - Khởi động đồng hồ
Để bắt đầu tính giờ, hãy gọi hàm drawClock theo từng khoảng thời gian:
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);
Hãy tự mình thử »Ví dụ giải thích
Điều duy nhất bạn phải làm (để bắt đầu tính giờ) là gọi hàm drawClock theo từng khoảng thời gian.
Thay thế:
drawClock();
Với:
setInterval(drawClock, 1000);
Ghi chú
Khoảng thời gian tính bằng mili giây. drawClock() sẽ được gọi sau mỗi 1000 mili giây.