ကင်းဗတ် နာရီ စတင်သည်။
ဤအခန်းများတွင် ကျွန်ုပ်တို့သည် HTML Canvas ကို အသုံးပြု၍ analog နာရီတစ်ခုကို တည်ဆောက်ပါသည်။
အပိုင်း 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);
ကြားကာလသည် မီလီစက္ကန့်များဖြစ်သည်။ 1000 မီလီစက္ကန့်တိုင်းအတွက် drawClock ကို ခေါ်ပါမည်။