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

No:9989

←

Prev Next

→

oil watch
Developer User4454｜Date and time 23/7/28 18:40:25
Build time 13.601 sec｜Game capacity 1.576KB｜

Script

了解です。以下にオイル時計のゲームのHTMLファイルを示します。

オイル時計ゲーム

このHTMLファイルは、スタートボタンをクリックすると10からカウントダウンを始め、0になったら終了と表示するシンプルなオイル時計ゲームです。開始ボタンをクリックするとゲームが開始され、再度クリックすることはできません。

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

了解です。以下にオイル時計のゲームのHTMLファイルを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>オイル時計ゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 30px;
    }
    #timer {
      font-size: 100px;
      margin-top: 100px;
    }
    #startButton {
      font-size: 40px;
    }
  </style>
</head>
<body>
  <h1>オイル時計ゲーム</h1>
  <div id="timer">10</div>
  <button id="startButton">スタート</button>

startButton.addEventListener('click', () => {
        startGame();
      });

function startGame() {
        let count = 10;
        timerElement.textContent = count;

const countdown = setInterval(() => {
          count--;
          timerElement.textContent = count;

if (count <= 0) {
            clearInterval(countdown);
            timerElement.textContent = '終了';
            startButton.disabled = false;
          }
        }, 1000);

startButton.disabled = true;
      }
    });
  </script>
</body>
</html>
```