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

No:20436

←

Prev Next

→

時計
Developer User3589｜Date and time 23/10/9 20:07:09
Build time 15.764 sec｜Game capacity 1.695KB｜

Script

時計ゲーム

00:00:00

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>時計ゲーム</title>
  <style>
    body {
      background-color: #f5f5f5;
      text-align: center;
      font-family: Arial, sans-serif;
    }
    h1 {
      color: #333;
    }
    p {
      font-size: 24px;
      margin-top: 20px;
    }
    button {
      padding: 10px 20px;
      font-size: 18px;
      margin-top: 20px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>時計ゲーム</h1>
  <p id="time-display">00:00:00</p>
  <button onclick="startGame()">スタート</button>
  <button onclick="stopGame()">ストップ</button>

// ゲームが開始された場合に時間をカウントする関数
    function startGame() {
      // setIntervalで1秒ごとに時間を更新
      setInterval(updateTime, 1000);
    }

// 時間を更新する関数
    function updateTime() {
      seconds++;
      if (seconds === 60) {
        minutes++;
        seconds = 0;
      }
      if (minutes === 60) {
        hours++;
        minutes = 0;
      }
      displayTime();
    }

// 時間を表示する関数
    function displayTime() {
      const timeDisplay = document.getElementById('time-display');
      timeDisplay.textContent = `${formatNumber(hours)}:${formatNumber(minutes)}:${formatNumber(seconds)}`;
    }

// 数字が一桁の場合に、前に0をつけて2桁で表示する関数
    function formatNumber(num) {
      return num < 10 ? `0${num}` : num;
    }

// ゲームを停止する関数
    function stopGame() {
      clearInterval();
    }
  </script>
</body>
</html>