Đồng hồ canvas bắt đầu
Trong các chương này, chúng tôi xây dựng một đồng hồ kim bằng HTML Canvas.
Phần V - Khởi động đồng hồ
Để khởi động đồng hồ, hãy gọi hàm drawClock theo các khoảng thời gian:
JavaScript:
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);
Giải thích ví dụ
Điều duy nhất bạn phải làm (để khởi động đồng hồ) là gọi hàm drawClock theo từng khoảng thời gian.
Thay thế:
drawClock();
Với:
setInterval(drawClock, 1000);
Khoảng thời gian tính bằng mili giây. drawClock sẽ được gọi trong mỗi 1000 mili giây.