Javascript, как перезапустить таймер

Question

Я занял следующий код, чтобы получить таймер 5 сек. Теперь мне нужно нажать кнопку воспроизведения, чтобы перезапустить таймер.

HTML:

<div class="rightCol"> 
     <span id="countdown" class="timer"> </span> 
     <div> 
      <textarea name="passage" id="passage_text"></textarea> 
      <input type="button" id="passage_button" value="Publish"> 
      <input type="button" value="Play" id="play"> 
     </div> 
    </div> 

функция JavaScript:

var seconds = 5; 
function secondPassed() { 
    var minutes = Math.round((seconds - 30)/60); 
    var remainingSeconds = seconds % 60; 
    if (remainingSeconds < 10) { 
        remainingSeconds = "0" + remainingSeconds;  
    } 
    document.getElementById('countdown').innerHTML = minutes + ":" + remainingSeconds; 
    if (seconds == 0) { 
        clearInterval(countdownTimer); 
        document.getElementById('countdown').innerHTML = "Time's Up!"; 
       document.getElementById("passage_text").disabled = true; 

    } else { 
        seconds--; 
    } 
} 
  
var countdownTimer = setInterval('secondPassed()', 1000); 

Прямо сейчас у меня есть кнопка play освежает страницу, но там должен быть лучший способ сделать это. Я не очень разбираюсь в JS, поэтому некоторые из них приветствуются. jQuery является приемлемым.

Answer 1

Сбросить значение при нажатии кнопки;

<input type="button" value="Play" id="play" onclick="javascript:seconds=5;">