Makini ya sauni ya Canvas

Mwaka 5 - Kuanzisha saati

Kuanzisha saati, tafadhali badilisha kila wakati drawClock kikomputa:

JavaScript:

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
//drawClock();
setInterval(drawClock, 1000);

Mfano huo

Muonezea kwa kufikia uharibifu

Ina hatarisha kufanya (kuanzisha saati) ni kubadilika kila wakati kufanya drawClock kikomputa.

Kwa kufanya:

setInterval(drawClock, 1000);

Badilisha:

drawClock();

Maelezo: ukumbuka kwamba wakati wa kuzungumza kina miliseta. Kila 1000 miliseta huzingatia kwa mara moja drawClock().

Tafadhali tazama:

Kitabu cha mafanikio cha kipya cha Canvas cha CodeW3C.com