Javascript 单击切换开始/恢复失败。clearInterval 不起作用

Question

嘿，我目前正在通过构建一个倒计时来练习 jquery，您可以单击该倒计时来暂停或恢复。 但clearInterval() 不起作用。 每次我单击圆圈时，它都会创建一个新的倒计时。我不知道为什么。

var status="pause";
var timeleft=1500;

$("#circle").click(function(){
    var timer;
    if(status==="pause"){
        status="start";
        alert(status);
         timer=setInterval(function(){
            $("#timer").text(Math.floor(timeleft/60)+":"+timeleft%60);      
            timeleft--;
        },1000);
    }
    else if(status==="start"){
        status="pause";
        alert(status);
        clearInterval(timer);
    }

});

Answer 1

您的“计时器”变量的范围位于点击处理程序内。这意味着每次都会创建一个新的。为了只保留一个，它应该被限制在该处理程序之外。