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

No:27380

←

Prev Next

→

nharu394の金時計素材
Developer 時計｜Date and time 23/12/6 16:50:20
Build time 27.703 sec｜Game capacity 2.006KB｜

Script

了解しました。以下に実装例を示します。

金時計ゲーム

このプログラムは、金時計ゲームというシンプルなゲームを実装しています。スタートボタンを押すと、10秒間のタイマーがスタートし、終了後に所要時間が表示されます。スマートフォンでの操作にも対応しており、フォントサイズの調整やボタンの大きさなど、見やすさにも配慮しています。

←

Prev　Next

→ 　

Back　

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

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 {
            font-family: Verdana, Arial, sans-serif;
            text-align: center;
        }
        
        #timer {
            font-size: 48px;
            margin-bottom: 20px;
        }
        
        button {
            font-size: 24px;
            padding: 10px 20px;
        }
    </style>
</head>
<body>
    <h1>金時計ゲーム</h1>
    <div id="timer"></div>
    <button onclick="startGame()">スタート</button>

// ゲームを開始
        function startGame() {
            startTime = Date.now();
            showTimer();

// 10秒後にゲーム終了
            setTimeout(endGame, 10000);
        }

// タイマーを表示
        function showTimer() {
            var currentTime = Math.floor((Date.now() - startTime) / 1000);
            document.getElementById("timer").innerText = "残り時間: " + (10 - currentTime) + "秒";
            timerInterval = setTimeout(showTimer, 100);
        }

// ゲーム終了
        function endGame() {
            clearInterval(timerInterval);

// 結果を表示
            var result = Math.floor((Date.now() - startTime) / 1000);
            document.getElementById("timer").innerText = "結果: " + result + "秒";
        }
    </script>

</body>
</html>
```

このプログラムは、金時計ゲームというシンプルなゲームを実装しています。スタートボタンを押すと、10秒間のタイマーがスタートし、終了後に所要時間が表示されます。
スマートフォンでの操作にも対応しており、フォントサイズの調整やボタンの大きさなど、見やすさにも配慮しています。