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

No:31006

←

Prev Next

→

10.00秒でぴったりで止めたらクリア
Developer User14987｜Date and time 23/12/24 20:25:18
Build time 18.526 sec｜Game capacity 2.568KB｜

Script

了解です。以下に、10秒でピタッと止めるゲームを実装したHTMLファイルの例を示します。

10.00

このHTMLファイルをブラウザで開くと、「Start」というボタンが表示されます。ボタンをクリックすると、ゲームが開始され、10秒間の経過時間が表示されます。10秒経過すると「ゲーム終了！」と表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解です。以下に、10秒でピタッと止めるゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>10秒ストップゲーム</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
    </style>
</head>
<body>
    <h1 id="timer">10.00</h1>

// スタートボタンを非表示にする
            document.getElementById("startButton").style.display = "none";
            // ゲーム中メッセージを表示
            document.getElementById("message").textContent = "10秒間止めて！";
            // タイマーを更新する関数を1ミリ秒ごとに呼び出す
            setInterval(updateTimer, 1, startTime);
        }

// タイマーを更新する関数
        function updateTimer(startTime) {
            // 現在の時刻を取得
            const currentTime = Date.now();
            // 経過した時間（ミリ秒）を計算
            const elapsedTime = currentTime - startTime;
            // 経過した時間を秒に変換
            const elapsedSeconds = elapsedTime / 1000;

// タイマーを表示する要素の参照を取得
            const timerElement = document.getElementById("timer");
            // タイマーを表示
            timerElement.textContent = elapsedSeconds.toFixed(2);

// 経過時間が10秒以上になったらゲーム終了
            if (elapsedSeconds >= 10) {
                // ゲーム終了メッセージを表示
                document.getElementById("message").textContent = "ゲーム終了！";

// タイマーを止める
                clearInterval();
            }
        }
    </script>

<button id="startButton" onclick="startGame()">Start</button>
    <p id="message"></p>
</body>
</html>
```