计时器启动按钮

Question

嗨，我正在制作一个涉及计数计时器的游戏。我希望游戏开始单击计时器按钮时开始游戏，但是目前我的计时器只是单独开始。我看过一些已经回答的几个不同的问题，但是他们对我没有工作。有什么建议吗？

     var seconds = 60;
     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 = "Times Up!!!";
        } else {
           seconds--;
        }
     }
     var countdownTimer = setInterval('secondPassed()', 1000);

Answer 1

我想您在单击按钮上调用countdownTimer，如果是，则必须在功能中包装setInterval。

var countdownTimer = setInterval('secondPassed()', 1000); //Without the wrapper it simply executes, when JS reaches this line

应该是

var countdownTimer = function(){setInterval('secondPassed()', 1000);}

Answer 2

将您的setInterval添加到按钮的单击侦听器：

var btn = document.getElementById('BUTTON_ID');
btn.addEventListener('click', function() {
    setInterval('secondPassed()', 1000);
});

JSFIDDLE DEMO