javascript - 在页面刷新时保存计数器的值 - cookie？

Question

我正在尝试在网站中实现一个计数器。该计数器的目的是表示该公司交付了多少石油，并以升为单位进行计数。从代码 Angular 来看，逻辑是每秒添加两个作为升量的视觉表示，让这一点发挥作用。

我现在想做的是保存该值，以便在刷新时或当其他人访问该网站时，它会从当前值而不是原始的“开始”值继续。我想我可能需要使用cookie，但我一直不知道如何做到这一点，有什么想法吗？

我已经包含了我的代码供引用，谢谢大家!

var gaugeStart = 320000000;
var gaugePerSecond = 2;
var gaugeInterval = 500;

var gaugeCurrent = 513637030;

$(document).ready(function() {
    $('#gaugeValue').html(commafy(gaugeCurrent));

    var tick = setInterval(function() {
        gaugeCurrent += Math.ceil((gaugeInterval/1000) * gaugePerSecond);

        $('#gaugeValue').html(commafy(gaugeCurrent));
    }, gaugeInterval);
    document.cookie = gaugeCurrent;
});

function commafy( num ) {
    var str = num.toString().split('.');
    if (str[0].length >= 5) {
        str[0] = str[0].replace(/(\d)(?=(\d{3})+$)/g, '$1,');
    }
    if (str[1] && str[1].length >= 5) {
        str[1] = str[1].replace(/(\d{3})/g, '$1 ');
    }
    return str.join('.');
}

https://jsfiddle.net/93byc54f/

Answer 1

如果如你所说

somebody else visits the site,

这正是您需要意识到的地方，您必须将此信息存储在服务器端。

如果您只需要为单个用户执行此操作，那么 localStorage 应该是您显而易见的选择。