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

No:15076

105

←

Prev Next

→

Make a game where there’s a ten hour timer that co..ALL
Developer User6499｜Date and time 23/9/6 1:37:46
Build time 33.129 sec｜Game capacity 3.04KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. The game features a ten-hour timer that counts down. If you turn off the device, the timer will pause, and when you turn it back on and log in, the timer will resume where it left off.

Device Timer Game

This game includes a timer that starts counting down from ten hours. If the device is turned off or the browser tab is closed, the timer will pause and store the elapsed time. When the device is turned back on or the browser tab is reopened, the timer will resume from where it left off, considering the paused time. Feel free to modify the HTML layout and styling to fit your preferences!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Device Timer Game</title>
</head>
<body>
  <h1>Device Timer Game</h1>
  
  <div id="timer"></div>
  
  <script>
    // Timer variables
    var startTime = new Date().getTime(); // Time when the game starts
    var pausedTime = 0; // Keep track of paused time
    var timerInterval; // Interval reference for the updating timer
    
    // Function to start or resume the timer
    function startTimer() {
      // Retrieve the paused time if available
      var storedTime = localStorage.getItem('pausedTime');
      if (storedTime) {
        pausedTime = parseInt(storedTime); // Convert stored time to integer
      }
      
      // Start updating the timer every second
      timerInterval = setInterval(updateTimer, 1000);
    }
    
    // Function to pause the timer
    function pauseTimer() {
      clearInterval(timerInterval); // Stop updating the timer
      localStorage.setItem('pausedTime', pausedTime); // Store the paused time
    }
    
    // Function to update the timer display
    function updateTimer() {
      var currentTime = new Date().getTime(); // Current time
      var elapsedTime = currentTime - startTime; // Time passed since the game started
      var remainingTime = 10 * 60 * 60 * 1000 - elapsedTime + pausedTime; // Remaining time
  
      // Convert remaining time to hours, minutes, and seconds
      var hours = Math.floor((remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      var minutes = Math.floor((remainingTime % (1000 * 60 * 60)) / (1000 * 60));
      var seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
      
      // Display the timer in the "timer" element
      document.getElementById("timer").innerHTML = hours + "h " + minutes + "m " + seconds + "s";
      
      // If time is up, end the game
      if (remainingTime <= 0) {
        clearInterval(timerInterval);
        document.getElementById("timer").innerHTML = "Time's up!";
      }
    }
    
    // Start the timer when the game is loaded/refreshed
    startTimer();
    
    // Event listener for when the device is turning off
    window.addEventListener("beforeunload", function() {
      pauseTimer();
    });
    
    // Event listener for when the device is turning on and logged in
    window.addEventListener("load", function() {
      startTimer();
    });
  </script>
</body>
</html>
```