希望大家安全
我正在尝试使用以下代码找出一个简单的倒计时计时器:
发生的是我第一次单击它时效果很好,按秒倒数计算它应该如何工作。但是,从第二次开始,它变得“更快”,每秒变为2个数字。第3次每秒显示3个数字,或者如果我一次单击几次,它也“更快”
我认为这是因为间隔相加(以某种方式?)并每秒执行相同的代码n *次。但是我不知道每次应该在哪里/如何完全清除间隔?
希望这对你们有意义,并在此先感谢您的帮助
function makeTimer(){
document.getElementById("button-1").innerHTML = "Stop Countdown";
timeLeft = document.getElementById("set-time").value;
// buttonChange()
document.getElementById("set-time").value = ""
setInterval(function(){
if(timeLeft <=0){
clearInterval(timeLeft = 0)
}
document.getElementById("timer-id").innerHTML = timeLeft+"s"
timeLeft = timeLeft - 1
},1000)
}
function toggleTimer(){
// clearInterval(timeLeft)
button = document.getElementById("button-1")
if(button.innerHTML ==='Click to countdown'){
makeTimer()
}else if(button.innerHTML=== "Stop Countdown"){
clearInterval(timeLeft = 0)
button.innerHTML = "Click to countdown"
}
}
您使用clearInterval
不正确。
setInterval
返回对计时器的引用,然后您必须传递该引用clearInterval
以停止它。
例:
var myTimer = setInterval(myFunction, 1000); //Starts the timer
clearInterval(myTimer); //Stops the timer
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句