Как применить localstorage к odometer.js?

Question

[Айдар]

Здравствуйте! Есть такой счетчик github.hubspot.com/odometer
Все работает нормально, но счетчик начинает считать заново,когда перезагружаешь страницу. Слышал про cookie и localstorage. Думаю взять localstorage. Вот теперь не знаю как его применить. Куда кидать setItem, а куда getItem.

Т.е. у меня счетчик начинает считать с 470575005 и мне нужно он считал дальше. Даже после перезагрузки страницы.
Или как вообще этот счетчик сделать так, чтобы он всем пользователям показывал актуальное значение.
Типа завтра открыли а там он уже 470800000 например.

(function(){
        $('.odometer').each(function(){
            var v = 470575005;
            var o = new Odometer({
                el: this,
                value: 470575005,
                format:'',
                theme: $(this).data('theme')
            });
            o.render();
            setInterval(function(){
                o.update(v++);
            }, 50);
        });
    })();

Answer 1

[xmoonlight]

Зачем LocalStorage, если Вы хотите одно значение показывать для всех?
Здесь лучше использовать или загрузку нужных значений через ajax/json, или же заранее генерировать те же значения на стороне сервера (чтобы они попадали на front-end в статичном виде внутри JS-кода).
Вот пример (с их сайта), как максимально просто сделать одометр: jsfiddle.net/adamschwartz/rx6BQ

Comments

[Айдар]

xmoonlight , Получается нужно намутить некий php файл на сервере, который будет всегда в работе т.е. выполнять роль счетчика,а потом с помощью js тянуть значения из этого файла?

[xmoonlight]

Айдар: ну серверное хранилище нужно, да.
Или файл, или база.
Можно сразу из PHP забирать по TIMESTAMP к примеру... (fake-счётчик)

[Айдар]

xmoonlight:

Можно сразу из PHP забирать по TIMESTAMP к примеру... (fake-счётчик)

А можно мини пример?

[xmoonlight]

$visitors=floor(mktime()/(0.5*3600))-802380;

[xmoonlight]

Айдар: просто можно и из JS это делать без PHP, но сразу видно будет, что это фейк)

[Айдар]

xmoonlight: А как можно прибавлять к сумме рандомное число. Т.е. не 2+1, 3+1 и т.д., а 2+2 , 4 +1 и т.д. вот в этом моменте

setInterval(function(){
                o.update(v++);
            }, 50);

[xmoonlight]

Айдар: ну видимо надо использовать JS-функцию https://javascript.ru/math.random

[Айдар]

xmoonlight: А обновлять рандом через setInterval? Т.е. добавить еще один setInterval и там уже обрабатывать рандом?

[xmoonlight]

setInterval(function(){
                min=50;
                max=100;
                o.update(Math.floor(Math.random() * (max - min + 1)) + min);
            }, 50);

[Айдар]

xmoonlight: Спасибо

[xmoonlight]

Айдар: Лучший способ сказать "Спасибо!" на этом сайте - это отметить его решением Вашего вопроса.

[xmoonlight]

Айдар: Спасибо!