我正在创建一个测验,并且想从我的运行计时器中减去10秒钟来选择的每个错误答案。现在,在我的setStatusClass函数中,每次选择错误的答案时,计时器上都会显示-10(这是我想要的),但是我不确定下一步是什么,以便从菜单中腾出10秒实际运行计时器。
var timerNumber = document.querySelector("#timer-number")
var instructions = document.querySelector('.instructions')
var questionContainer = document.querySelector('#question-container')
var count = 75;
var myTimer;
var myClock = function () {
count--
timerNumber.innerHTML = count;
if (count === 0) {
clearInterval(myTimer);
}
}
function clock() {
instructions.classList.add('hide')
questionContainer.classList.remove('hide')
myTimer = setInterval(myClock, 1000);
}
function setStatusClass(element, correct) {
clearStatusClass(element)
if (correct) {
element.classList.add('correct')
} else {
element.classList.add('wrong')
element.addEventListener('click', () => {
clearInterval(myTimer)
timerNumber.innerHTML = -10
myTimer = setInterval(myClock, 1000);
})
}
}
由于您已经声明count
为全局变量,因此您可以在setStatusClass
函数内部简单地访问它并执行count = count - 10;
。
然后,您可以将设置timerNumber.innerHTML
为新值count
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句