重新加载/刷新页面时限时,我的时限coz有问题。

附注:我在在线测验程序中使用了此时间限制,并且我使用标题位置移至下一个问题。

的HTML

<label id="time">1:00</label>


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;

        localStorage.setItem('time_remaining_min', minutes);
        localStorage.setItem('time_remaining_sec', seconds);

        var minutes_left = localStorage.getItem('time_remaining_min');
        var seconds_left = localStorage.getItem('time_remaining_sec');

        display.text(minutes_left + ":" + seconds_left);

    if (--timer < 0) {
        //finished
    }
   }, 1000);
 }

 jQuery(function ($) {
  var fiveMinutes = 60 * 5,
    display = $('#time');
 startTimer(fiveMinutes, display);
});


编辑:
我尝试使用本地存储,但没有用

        localStorage.setItem('time_remaining_min', minutes);
        localStorage.setItem('time_remaining_sec', seconds);

        var minutes_left = localStorage.getItem('time_remaining_min');
        var seconds_left = localStorage.getItem('time_remaining_sec');

        display.text(minutes_left + ":" + seconds_left);

最佳答案

将计时器值存储在cookie或本地存储中。

关于javascript - Javascript:如何防止刷新时限重置?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/36074829/

10-13 01:08