计时器以Javascript结尾时隐藏div类

时间:2018-01-09 10:41:54

标签: javascript html class web timer

我有一个计时器脚本,但我遇到了一些问题。就在前一天,按照预期,它工作得非常好。现在,计时器在结束时不再隐藏div类。根本没有更改HTML或JavaScript代码,但无论出于何种原因,它都不再删除div类。

以下是JavaScript代码:

function startTimer(duration, display) {
    var timer = duration,
        minutes,
        seconds;
    setInterval(function() {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? '0' + minutes : minutes;
        seconds = seconds < 10 ? '0' + seconds : seconds;

        display.textContent = minutes + ' ' + ' ' + seconds;

        if (--timer < 0) {
            display.textContent = 'OFFER HAS EXPIRED.';
            $('.formme').css('visibility', 'hidden');
        }
        console.log(parseInt(seconds));
        window.localStorage.setItem('seconds', seconds);
        window.localStorage.setItem('minutes', minutes);
    }, 1000);
}

window.onload = function() {
    sec = parseInt(window.localStorage.getItem('seconds'));
    min = parseInt(window.localStorage.getItem('minutes'));

    if (parseInt(sec) == 0 && parseInt(min) == 0) {
        $('#time').text('OFFER HAS EXPIRED.');
        $('.formme').css('visibility', 'hidden');
    } else {
        var start = 5 * 60;

        if (sec > 0 || min > 0) {
            start = parseInt(min * 60) + sec;
        }
        // var start = 60 * 5;
        display = document.querySelector('#time');
        startTimer(start, display);
    }
};

最重要的是,我使用localStorage来防止在刷新网页时重置计时器。但是,当计时器结束时,它不是直接进入“OFFER HAS EXPIRED”文本,而是从00:01倒计时然后显示文本。谁能帮我吗?提前谢谢!

0 个答案:

没有答案