ในบทนี้เราสร้างนาฬิกาอะนาล็อกโดยใช้ HTML ผ้าใบ
Part V - เริ่มนาฬิกา
ในการเริ่มต้นนาฬิกาเรียกใช้ฟังก์ชัน drawClock ในช่วงเวลา:
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);
ลองตัวเอง» ตัวอย่างอธิบาย
สิ่งเดียวที่คุณต้องทำ (จะเริ่มต้นนาฬิกา) คือการเรียกใช้ฟังก์ชัน drawClock ในช่วงเวลาที่
แทน:
drawClock();
ด้วย:
setInterval(drawClock, 1000);ช่วงเวลาที่อยู่ในมิลลิวินาที drawClock จะได้รับการเรียกร้องให้ทุก 1000 มิลลิวินาที