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

No:7063

1223

←

Prev Next

→

waiting game
Developer User3957｜Date and time 23/7/5 1:20:41
Build time 10.673 sec｜Game capacity 1.49KB｜

Script

了解です。以下に凸待ちゲームの実装例を示します。

凸待ちゲーム

このゲームでは、「スタート」ボタンを押すとタイマーがスタートし、経過時間を表示します。5秒後に「凸」ボタンが表示されます。凸ボタンをタップして押すと、タイマーが停止し、凸が成功したとみなされます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。以下に凸待ちゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>凸待ちゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 24px;
    }
    #timer {
      font-size: 48px;
    }
    #button {
      margin-top: 24px;
      padding: 16px 32px;
      font-size: 24px;
    }
  </style>
</head>
<body>
  <h1>凸待ちゲーム</h1>
  <p id="timer">0</p>
  <button id="button" onclick="startTimer()">スタート</button>

function startTimer() {
      startTime = Date.now();
      timerId = setInterval(updateTimer, 1000);
      document.getElementById('button').setAttribute('disabled', 'disabled');
    }

function updateTimer() {
      const currentTime = Math.floor((Date.now() - startTime) / 1000);
      document.getElementById('timer').textContent = currentTime;
    }

// 5秒後に「凸」ボタンを表示する
    setTimeout(function() {
      document.getElementById('button').removeAttribute('disabled');
      document.getElementById('button').textContent = '凸';
    }, 5000);
  </script>
</body>
</html>
```