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

No:9700

352

←

Prev Next

→

Sid timer brought in
Developer User3840｜Date and time 23/7/26 21:15:45
Build time 23.899 sec｜Game capacity 3.248KB｜

Script

了解しました。下記に、シドタイマーを持ち込んだゲームのサンプルプログラムを示します。

シドタイマーゲーム

以上が、シドタイマーを持ち込んだゲームのサンプルプログラムです。このプログラムでは、指定された制限時間（ここでは10秒）内にボタンをクリックするとゲームが開始し、制限時間が経過するとゲーム終了となります。リスタートボタンをクリックすることでゲームを再スタートすることができます。

←

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 {
            font-size: 80px;
            text-align: center;
        }
        .timer {
            margin-bottom: 20px;
        }
        .button {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>シドタイマーゲーム</h1>

<div class="timer"></div>
    <button class="button">Start</button>

startGame() {
                // ゲーム開始時の処理
                this.isRunning = true;
                this.startTime = Date.now();

// タイマー表示更新
                this.updateTimer();

// 制限時間後にゲーム終了
                setTimeout(() => {
                    this.endGame();
                }, this.timeLimit * 1000);
            }

endGame() {
                // ゲーム終了時の処理
                this.isRunning = false;

// タイマー表示更新
                this.updateTimer();

// メッセージ表示
                this.timerElement.textContent = 'Game Over!';

// リスタートボタン表示
                this.buttonElement.style.display = 'inline-block';
                this.buttonElement.textContent = 'Restart';
            }

updateTimer() {
                // タイマー表示更新
                const currentTime = Date.now();

if (this.isRunning) {
                    const elapsedTime = Math.floor((currentTime - this.startTime) / 1000);
                    const remainingTime = this.timeLimit - elapsedTime;
                    this.timerElement.textContent = remainingTime;
                } else {
                    this.timerElement.textContent = this.timeLimit;
                }
            }
        }

// ゲームインスタンスの作成
        const game = new SidetimerGame();

// ボタンクリック時のイベントリスナー
        game.buttonElement.addEventListener('click', () => {
            game.buttonElement.style.display = 'none'; // ボタン非表示
            game.startGame();
        });
    </script>
</body>
</html>
```