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

No:20443

←

Prev Next

→

鳩時計で現在時刻にするゲーム
Developer User3589｜Date and time 23/10/9 20:15:23
Build time 12.653 sec｜Game capacity 1.686KB｜

Script

了解いたしました。以下に鳩時計で現在時刻にするゲームの実装例を示します。

鳩時計ゲーム

このゲームでは、画面上に鳩時計のようなデザインを表示し、スタートボタンを押すと現在時刻の秒が表示されます。3秒後に現在の秒とスタート時の秒を比較し、成功か失敗をメッセージで表示します。成功の場合は「成功！」、失敗の場合は「失敗！ (差分秒数) 秒ずれました」と表示されます。この実装例を1枚のHTMLファイルに保存し、任意のブラウザで開くとゲームがプレイできます。スマホでも操作可能です。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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="clock"></div>
  <button onclick="startGame()">スタート</button>
  <p id="message"></p>

// ゲームの処理を開始
      var startDate = new Date();
      var startSeconds = startDate.getSeconds();
      clockDiv.textContent = `現在時刻: ${startSeconds} 秒`;

// ゲームの終了判定
      setTimeout(function() {
        var currentDate = new Date();
        var currentSeconds = currentDate.getSeconds();
        var difference = currentSeconds - startSeconds;

if (difference == 0) {
          messageP.textContent = "成功！";
        } else {
          messageP.textContent = `失敗！ ${difference} 秒ずれました`;
        }
      }, 3000);
    }
  </script>
</body>
</html>
```

このゲームでは、画面上に鳩時計のようなデザインを表示し、スタートボタンを押すと現在時刻の秒が表示されます。3秒後に現在の秒とスタート時の秒を比較し、成功か失敗をメッセージで表示します。成功の場合は「成功！」、失敗の場合は「失敗！ (差分秒数) 秒ずれました」と表示されます。

この実装例を1枚のHTMLファイルに保存し、任意のブラウザで開くとゲームがプレイできます。スマホでも操作可能です。