Как сымитировать счетчик просмотров?

Question

[Eugene Chefranov]

Как можно сделать фейковый счетчик просмотров? Допустим будет две переменные где задается диапазон от и до. И например, каждую минуту это число на странице будет обновляться в рамках диапазона.
И можно как-то сделать чтобы число на которое повышалось/понижалось было не резким. Допустим диапазон от 50 до 200 и сначала рандомное число 75, а через минуту 200, чтобы плюс минус от предыдущего значения было например 5,а не такой большой скачок.

Answer 1

[bkosun]

Примерно так:

<span class="counter">100</span>

let counter = $('span.counter');

    setInterval(function () {

        let min = (Math.random() > 0.5) ? 0 : 5;
        let max = (Math.random() > 0.5) ? 5 : 10;

        let c = parseInt(counter.text());
        let r = Math.floor(Math.random() * (max - min + 1)) + min;

        if (Math.random() > 0.5) {
            counter.text(c + r);
        }

    }, 2000);

Comments

[Eugene Chefranov]

Почти идеально, но здесь как мне показалось счетчик идет только вверх, а надо +/- колебался. Или я ошибаюсь?

[bkosun]

Eugene Chefranov, разве количество просмотров может уменьшаться?

if (Math.random() > 0.5) {
            counter.text(c + r);
        } else {
            counter.text(c - r);
}

[Eugene Chefranov]

ffosters, это типа имитация количества человек на стриме, немного неправильно изначально задачу описал

[bismoney]

Eugene Chefranov, Привет! Подскажи пожалуйста, я поставил 13, и счетчик уходит в минус, как ограничить и запретить уходить в минус?

[bkosun]

bismoney,

if (Math.random() > 0.5) {
            counter.text(c + r);
        } else {
            if (c - r >= 0){
            	counter.text(c - r);
            }
}

[bismoney]

ffosters, Спасибо большое!

[bkosun]

bismoney, не за что ;)

[bismoney]

bkosun, Можно понаглеть?) А как сделать что бы скрипт запоминал значение и не сбрасывал при перезагрузке страницы?

[bkosun]

bismoney, можно использовать cookie или localStorage, но это уже другая история, которая выходит за рамки существующего вопроса.

https://developer.mozilla.org/ru/docs/Web/HTTP/%D0...
https://developer.mozilla.org/ru/docs/Web/API/Wind...