5分タイマー

残り時間：5:00
<!DOCTYPE html>
<html>
  <head>
    <title>5分タイマー</title>
  </head>
  
  <body>
    <h1>5分タイマー</h1>
    
    <p>残り時間：<span id="timer">5:00</span></p>
    
    <button onclick="startTimer()">スタート</button>
    
    <script>
      var seconds = 300;
      var countdownTimer;
      
      function startTimer() {
        countdownTimer = setInterval(decrementTimer, 1000);
      }
      
      function decrementTimer() {
        seconds--;
        var minutes = Math.floor(seconds / 60);
        var remainingSeconds = seconds % 60;
        
        if (remainingSeconds < 10) {
          remainingSeconds = "0" + remainingSeconds;
        }
        
        document.getElementById("timer").innerHTML = minutes + ":" + remainingSeconds;
        
        if (seconds === 0) {
          clearInterval(countdownTimer);
          playAudio();
          document.getElementById("timer").innerHTML = "0:00";
        }
      }
      
      function playAudio() {
        var audio = new Audio("finish_beep.mp3");
        audio.play();
      }
    </script>
  </body>
</html>

※注意：本プログラムではevalを使用しておりません。また、他のサイトに遷移させるやリダイレクトさせる機能は含まれておりません。ご了承ください。