أحدث البرامج التعليمية وتطوير الشبكة
 

Canvas بدء ساعة


في هذه الفصول نبني على مدار الساعة التناظرية باستخدام HTML قماش.


الجزء الخامس - بدء تشغيل ساعة

لبدء مدار الساعة، استدعاء الدالة 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 ميلي ثانية.