當分針在112分鐘的時鐘中擊中56分鐘時，小時將改變（根據以下代碼，56的位置將是第14小時）。我們嘗試了許多天的解決方案，并在Stackoverflow社區的Kaiido的幫助下終于取得了突破。它已成為我們月亮時鐘系統第一部分的完整解決方案。目前，我們阻止了將數字值組裝到模擬Canvas時鐘系統中的步驟。這項鐘表工作的目的是實現與科學界攜手共進的雄心壯志。您在我們的努力下所做的貢獻受到高度尊重。var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");var radius = canvas.height / 2;ctx.translate(radius, radius);radius = radius * 0.90setInterval(drawClock, 1000);function drawClock() {  drawFace(ctx, radius);  drawNumbers(ctx, radius);  drawTime(ctx, radius);}function drawFace(ctx, radius) {  var grad;  ctx.beginPath();  ctx.arc(0, 0, radius, 0, 2 * Math.PI);  ctx.fillStyle = 'white';  ctx.fill();  grad = ctx.createRadialGradient(0, 0, radius * 0.95, 0, 0, radius * 1.05);  grad.addColorStop(0, '#333');  grad.addColorStop(0.5, 'white');  grad.addColorStop(1, '#333');  ctx.strokeStyle = grad;  ctx.lineWidth = radius * 0.1;  ctx.stroke();  ctx.beginPath();  ctx.arc(0, 0, radius * 0.1, 0, 2 * Math.PI);  ctx.fillStyle = '#333';  ctx.fill();}function drawNumbers(ctx, radius) {  var ang;  var num;  ctx.font = radius * 0.08 + "px arial";  ctx.textBaseline = "middle";  ctx.textAlign = "center";  for (num = 1; num < 29; num++) {    ang = num * Math.PI / 14;    ctx.rotate(ang);    ctx.translate(0, -radius * 0.85);    ctx.rotate(-ang);    ctx.fillText(num.toString(), 0, 0);    ctx.rotate(ang);    ctx.translate(0, radius * 0.85);    ctx.rotate(-ang);  }}function drawTime(ctx, radius) {  var now = new Date();  var hour = now.getHours();  var minute = now.getMinutes();  var second = now.getSeconds();  //hour  hour = hour % 12;  hour = (hour * Math.PI / 6) +    (minute * Math.PI / (6 * 60)) +    (second * Math.PI / (360 * 60));  drawHand(ctx, hour, radius * 0.5, radius * 0.07);  //minute  minute = (minute * Math.PI / 30) + (second * Math.PI / (30 * 60));  drawHand(ctx, minute, radius * 0.8, radius * 0.07);  // second  second = (second * Math.PI / 30);  drawHand(ctx, second, radius * 0.9, radius * 0.02);}