JavaScript 停止间隔函数

Question

function setsTime(time, state){
	var idsc = document.getElementById("scount");
	var intervalId = null;
	if(time != '-1' && state == true){
		var totalSeconds = time;
		intervalId = setInterval(setTime, 1000);

		function setTime() {
		  ++totalSeconds;
		  idsc.innerHTML = "00" + ":" + pad(parseInt(totalSeconds / 60)) + ":" + pad(totalSeconds % 60);
		}

		function pad(val) {
		  var valString = val + "";
		  if (valString.length < 2) {
		    return "0" + valString;
		  } else {
		    return valString;
		  }
		}
	}else{
		console.log("stopppppping setsTime()");
		clearInterval(intervalId);
		idsc.innerHTML = "00:00:00";
		return;
	}
}

当执行此函数进行计数时，一切正常。但是，如果我进入 else 循环以停止该功能，使计数器不会反击。 Counterthe 只是继续计数器... :((

Answer 1

每当您调用setsTime 时，都会创建一个新的间隔和一个新的intervalId。当您调用setsTime 来终止前一个间隔时，您实际上创建了一个新间隔并终止了它。要解决这个问题，只需在函数外部声明 intervalId，以便多个调用以相同的间隔工作。

Answer 2

将 intervalId 移出函数。