如何从JavaScript中的计时器中减去10秒?

天12

我正在创建一个测验,并且想从我的运行计时器中减去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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章