javascript - 向上计数定时器没有设置错误

Question

刷新时不会重置的计数计时器

var test;
var pageVisisted = new Date();
test = setInterval(function () {
var timeOnSite = new Date() - pageVisisted;

var secondsTotal = timeOnSite / 1000;
var minutes = Math.floor(secondsTotal / 60) % 3600;
var seconds = Math.floor(secondsTotal) % 60;

document.getElementById('counter').innerHTML = minutes + "." + seconds;


}, 1000);

我花了很多时间来设置计时器。但无法完成。任何人都知道如何解决此类错误。例如:如果我在 1.26 秒刷新这些页面，倒计时再次从 0 开始。但是刷新后它必须从 1.26 开始。你能解决这个问题并告诉我如何修复它吗？

Answer 1

您可以将 pageVisited 值存储在 localStorage 中(或者更好，我猜存储在 sessionStorage 中):

var pageVisited = +localStorage.pageVisited || +new Date();

var test = setInterval(function() {

    var timeOnSite = new Date() - pageVisited;

    var secondsTotal = timeOnSite / 1000;
    var minutes = Math.floor(secondsTotal / 60) % 3600;
    var seconds = Math.floor(secondsTotal) % 60;

    document.getElementById('counter').innerHTML = minutes + "." + seconds;

}, 1000);

if (!localStorage.pageVisited) {
    localStorage.pageVisited = pageVisited;
}

演示:http://jsfiddle.net/HjxLX/

如果您希望在关闭浏览器窗口后清除计时器，请使用sessionStorage。

IE支持:IE8+。