بدء ساعة قماش
في هذه الفصول ، نبني ساعة تناظرية باستخدام HTML Canvas.
الجزء الخامس - ابدأ الساعة
لبدء الساعة ، اتصل بوظيفة 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 لكل 1000 مللي ثانية.