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

No:42602

Can you make a 30 second timer that you can change..ALL
Developer User18915｜Date and time 24/2/12 4:56:43
Build time 8.18 sec｜Game capacity 2.574KB｜

Script

Sure! Here's an example of an HTML file containing a 30-second timer that can be changed dynamically using JavaScript:

30-Second Timer

30 seconds

To use the timer, simply save the above code in a file with the `.html` extension and open it in a web browser. You will see the timer displayed as "30 seconds" with an input field to change the timer duration. Click the "Start" button to start the timer, and you can click the "Reset" button to reset it back to the original value. Feel free to customize the code and styling according to your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's an example of an HTML file containing a 30-second timer that can be changed dynamically using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>30-Second Timer</title>
    <style>
        body {
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>30-Second Timer</h1>
    
    
    <h2 id="timer-display">30 seconds</h2>
    
    
    <input type="number" id="timer-input" value="30" min="1" max="60">
    
    
    <button id="start-button" onclick="startTimer()">Start</button>
    <button id="reset-button" onclick="resetTimer()">Reset</button>
    
    
    <script>
        var timer;
        var timeRemaining = 30;
        var timerDisplay = document.getElementById("timer-display");
        var timerInput = document.getElementById("timer-input");
        var startButton = document.getElementById("start-button");

function startTimer() {
            // Initialize the timer only if it's not already running
            if (!timer) {
                timeRemaining = parseInt(timerInput.value);
                timerDisplay.textContent = timeRemaining + " seconds";
                startButton.disabled = true;

timer = setInterval(updateTimer, 1000);
            }
        }

function updateTimer() {
            // Decrease the time remaining by 1 second
            timeRemaining--;
            timerDisplay.textContent = timeRemaining + " seconds";

// Stop the timer if time runs out
            if (timeRemaining <= 0) {
                clearInterval(timer);
                timer = null;
                startButton.disabled = false;
            }
        }

function resetTimer() {
            // Reset the timer to its original value
            clearInterval(timer);
            timer = null;
            timeRemaining = parseInt(timerInput.value);
            timerDisplay.textContent = timeRemaining + " seconds";
            startButton.disabled = false;
        }
    </script>
</body>
</html>
```

Feel free to customize the code and styling according to your preferences.