นาฬิกาผ้าใบ เริ่ม
ในบทเหล่านี้ เราสร้างนาฬิกาอะนาล็อกโดยใช้ HTML Canvas
ตอนที่ V - เริ่มนาฬิกา
ในการเริ่มนาฬิกา ให้เรียกใช้ฟังก์ชัน drawClock ตามช่วงเวลา:
จาวาสคริปต์:
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 จะถูกเรียกทุกๆ 1,000 มิลลิวินาที