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;">