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

No:7570

2723

←

Prev Next

→

Hourglass game
Developer User1006｜Date and time 23/7/8 21:36:32
Build time 9.712 sec｜Game capacity 1.724KB｜

Script

了解です。以下に砂時計ゲームの実装例を示します。

砂時計ゲーム

この例では、HTML内に`<div id="sandglass"></div>`の部分が砂時計の表示になります。JavaScript部分では、`startGame()`関数がゲームの開始を行い、1秒ごとに残り時間を更新し、制限時間が経過した際に`endGame()`関数が呼び出されるようになっています。文字列を絵文字で表示することで視覚的にも分かりやすくなっています。このコードをHTMLファイルとして実装し、そのままブラウザで開くと、砂時計ゲームをプレイすることができます。制限時間が0秒になると「ゲーム終了！」と表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です。以下に砂時計ゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>砂時計ゲーム</title>
</head>
<body>
  <h1>砂時計ゲーム</h1>
  <div id="sandglass"></div>

// ゲーム開始
      intervalId = setInterval(updateTime, 1000);

function updateTime() {
        // 残り時間表示
        document.getElementById("sandglass").textContent = "⌛️ 残り時間: " + seconds + "秒";

// 残り時間判定
        if (seconds <= 0) {
          clearInterval(intervalId);
          endGame();
        } else {
          seconds--;
        }
      }

function endGame() {
        // ゲーム終了時の処理
        document.getElementById("sandglass").textContent = "🎉 ゲーム終了！";
      }
    }

// ゲームの開始
    startGame();
  </script>
</body>
</html>
```

このコードをHTMLファイルとして実装し、そのままブラウザで開くと、砂時計ゲームをプレイすることができます。制限時間が0秒になると「ゲーム終了！」と表示されます。