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

No:31011

10秒ぴったりでstopボタンを押せたらクリアスタートから3秒後タイマーの数字を隠すタイマー表示..ALL
Developer User14987｜Date and time 23/12/24 20:30:25
Build time 12.189 sec｜Game capacity 1.994KB｜

Script

10秒ぴったりでstopボタンを押せたらクリア

10.00

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>10秒ぴったりでstopボタンを押せたらクリア</title>
</head>
<body>
    <h1>10秒ぴったりでstopボタンを押せたらクリア</h1>
    <h2 id="timer">10.00</h2>
    <button id="startButton" onclick="startGame()">Start</button>
    <br>
    <button id="stopButton" onclick="stopGame()" disabled>Stop</button>

function startGame() {
            startTime = Date.now();
            isGameRunning = true;
            document.getElementById("startButton").disabled = true;
            document.getElementById("stopButton").disabled = false;
            
            setTimeout(hideTimer, 3000);
            countdown = setInterval(updateTimer, 10);
        }

function stopGame() {
            if (isGameRunning) {
                clearInterval(countdown);
                isGameRunning = false;
                document.getElementById("startButton").disabled = false;
                document.getElementById("stopButton").disabled = true;

const endTime = Date.now();
                const timeTaken = (endTime - startTime) / 1000;
                const timeTakenFormatted = timeTaken.toFixed(2);
                alert("Time taken: " + timeTakenFormatted + " seconds");
            }
        }

function updateTimer() {
            const currentTime = Date.now();
            const timeElapsed = (currentTime - startTime + elapsedTime) / 1000;
            const timeRemaining = (10 - timeElapsed).toFixed(2);

if (timeElapsed >= 10) {
                stopGame();
            } else {
                document.getElementById("timer").textContent = timeRemaining;
            }
        }

function hideTimer() {
            document.getElementById("timer").style.visibility = "hidden";
        }
    </script>
</body>
</html>