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

No:13840

130

Stopwatch and timer
Developer User6030｜Date and time 23/8/30 4:28:34
Build time 28.434 sec｜Game capacity 4.704KB｜

Игра "Стопватч и Таймер"

Стопватч

00:00:00

Таймер

00:00:00

→ 　

0　

0　

[PR]現在のフィギュア売れ筋ランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Стопватч и Таймер</title>
</head>
<body>
  <h1>Игра "Стопватч и Таймер"</h1>
  
  <div id="stopwatch-container">
    <h2>Стопватч</h2>
    <p id="stopwatch-time">00:00:00</p>
    <button id="start-stopwatch">Старт</button>
    <button id="stop-stopwatch">Стоп</button>
    <button id="reset-stopwatch">Сброс</button>
  </div>
  
  <div id="timer-container">
    <h2>Таймер</h2>
    <p id="timer-time">00:00:00</p>
    <button id="start-timer">Старт</button>
    <button id="stop-timer">Стоп</button>
    <button id="reset-timer">Сброс</button>
  </div>

<script>
    // Объявление переменных для стопватча
    let stopwatchInterval;
    let stopwatchSeconds = 0;
    let stopwatchMinutes = 0;
    let stopwatchHours = 0;
  
    // Обработчики событий для стопватча
    document.getElementById("start-stopwatch").addEventListener("click", startStopwatch);
    document.getElementById("stop-stopwatch").addEventListener("click", stopStopwatch);
    document.getElementById("reset-stopwatch").addEventListener("click", resetStopwatch);
  
    // Функция запуска стопватча
    function startStopwatch() {
      stopwatchInterval = setInterval(updateStopwatch, 1000);
    }
  
    // Функция остановки стопватча
    function stopStopwatch() {
      clearInterval(stopwatchInterval);
    }
  
    // Функция сброса стопватча
    function resetStopwatch() {
      clearInterval(stopwatchInterval);
      stopwatchSeconds = 0;
      stopwatchMinutes = 0;
      stopwatchHours = 0;
      document.getElementById("stopwatch-time").textContent = "00:00:00";
    }
  
    // Функция обновления времени стопватча
    function updateStopwatch() {
      stopwatchSeconds++;
      if (stopwatchSeconds === 60) {
        stopwatchMinutes++;
        stopwatchSeconds = 0;
      }
      if (stopwatchMinutes === 60) {
        stopwatchHours++;
        stopwatchMinutes = 0;
      }
      const formattedTime = formatTime(stopwatchHours, stopwatchMinutes, stopwatchSeconds);
      document.getElementById("stopwatch-time").textContent = formattedTime;
    }
  
    // Объявление переменных для таймера
    let timerInterval;
    let timerSeconds = 0;
    let timerMinutes = 0;
    let timerHours = 0;
  
    // Обработчики событий для таймера
    document.getElementById("start-timer").addEventListener("click", startTimer);
    document.getElementById("stop-timer").addEventListener("click", stopTimer);
    document.getElementById("reset-timer").addEventListener("click", resetTimer);
  
    // Функция запуска таймера
    function startTimer() {
      timerInterval = setInterval(updateTimer, 1000);
    }
  
    // Функция остановки таймера
    function stopTimer() {
      clearInterval(timerInterval);
    }
  
    // Функция сброса таймера
    function resetTimer() {
      clearInterval(timerInterval);
      timerSeconds = 0;
      timerMinutes = 0;
      timerHours = 0;
      document.getElementById("timer-time").textContent = "00:00:00";
    }
  
    // Функция обновления времени таймера
    function updateTimer() {
      if (timerSeconds === 0 && timerMinutes === 0 && timerHours === 0) {
        stopTimer();
        alert("Время вышло!");
      } else {
        timerSeconds--;
        if (timerSeconds < 0) {
          if (timerMinutes > 0) {
            timerSeconds = 59;
            timerMinutes--;
          } else if (timerHours > 0) {
            timerSeconds = 59;
            timerMinutes = 59;
            timerHours--;
          } else {
            timerSeconds = 0;
            timerMinutes = 0;
            timerHours = 0;
          }
        }
        const formattedTime = formatTime(timerHours, timerMinutes, timerSeconds);
        document.getElementById("timer-time").textContent = formattedTime;
      }
    }
  
    // Вспомогательная функция для форматирования времени (добавление нулей в начало)
    function formatTime(hours, minutes, seconds) {
      const formattedHours = String(hours).padStart(2, "0");
      const formattedMinutes = String(minutes).padStart(2, "0");
      const formattedSeconds = String(seconds).padStart(2, "0");
      return `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;
    }
  </script>
</body>
</html>