Javascript单击以切换启动/恢复fail.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

你的'timer'变量是在click处理程序中的作用域.这意味着每次都会创建一个新的.为了只保留一个,它应该在该处理程序之外.