javascript - 如何在刷新页面时停止重置 JavaScript 计时器

Question

我正在做一个在线考试页面。在此页面中，我有一个倒计时器，它按数据库中的值进行倒计时。它工作正常，但当我刷新页面时它会重置。我必须阻止计时器重置。

这是我的 JavaScript 计时器代码:

<script type="text/javascript">
function CountDown(duration, display) {
    if (!isNaN(duration)) {
        var timer = duration, minutes, seconds;

        var interVal = 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).html("<b>" +"Time Remaining: "+ minutes + "m : " + seconds + "s" + "</b>");
            if (--timer < 0) {
                timer = duration;
                SubmitFunction();
                $('#display').empty();
                clearInterval(interVal)
            }
        },1000);
    }
}

function SubmitFunction(){
    $('#result').click();
}

CountDown(<?php echo $t*30; ?>,$('#display')); //$t comes from database

function disable_f5(e) {
    if ((e.which || e.keyCode) == 116) {
        e.preventDefault();
    }
}

$(document).ready(function(){
    $(document).bind("keydown", disable_f5);
});
</script>

Answer 1

我刚刚看到你的问题，我打算尝试一下。我建议的一件事是尝试将值提交到本地存储。您可以添加一个事件监听器，指定其监听重新加载，然后在重新加载时将整数值以 JSON 格式提交到本地存储。只是一个想法。