AI game creator

Click here for free DL of the app version that can save data.

No:50375

101

←

Prev Next

→

Clock
Developer User21309｜Date and time 24/3/8 15:43:19
Build time 6.382 sec｜Game capacity 1.856KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
   <title>Игра "Часы"</title>
</head>
<body>
   <canvas id="clockCanvas" width="400" height="400"></canvas>

function drawClock() {
         let now = new Date();
         let hours = now.getHours();
         let minutes = now.getMinutes();
         let seconds = now.getSeconds();
         
         // Очищаем предыдущий кадр
         ctx.clearRect(0, 0, canvas.width, canvas.height);

// Рисуем часы
         ctx.font = '30px Arial';
         ctx.fillStyle = 'black';
         ctx.fillText(hours + ':' + minutes + ':' + seconds, 150, 200);

// Рисуем часовую стрелку
         ctx.beginPath();
         ctx.moveTo(200, 200);
         ctx.lineTo(200 + 50 * Math.cos(Math.PI / 2 - Math.PI / 6 * (hours % 12 + minutes / 60)), 200 - 50 * Math.sin(Math.PI / 2 - Math.PI / 6 * (hours % 12 + minutes / 60)));
         ctx.strokeStyle = 'black';
         ctx.stroke();

// Рисуем минутную стрелку
         ctx.beginPath();
         ctx.moveTo(200, 200);
         ctx.lineTo(200 + 80 * Math.cos(Math.PI / 2 - Math.PI / 30 * minutes), 200 - 80 * Math.sin(Math.PI / 2 - Math.PI / 30 * minutes));
         ctx.strokeStyle = 'blue';
         ctx.stroke();

// Рисуем секундную стрелку
         ctx.beginPath();
         ctx.moveTo(200, 200);
         ctx.lineTo(200 + 100 * Math.cos(Math.PI / 2 - Math.PI / 30 * seconds), 200 - 100 * Math.sin(Math.PI / 2 - Math.PI / 30 * seconds));
         ctx.strokeStyle = 'red';
         ctx.stroke();
      }

setInterval(drawClock, 1000); // Обновляем таймер каждую секунду
   </script>
</body>
</html>