Блог

Главная - Вопросы по программированию - Увеличивать значение числа в элементе каждый x раз — не исчезает

Увеличивать значение числа в элементе каждый x раз — не исчезает

#javascript #jquery

#javascript #jquery

Вопрос:

Хорошо, мне нужен Javascript, который будет работать, чтобы каждый X раз число увеличивалось, но когда я обновляю браузер, это число не исчезает и остается в Сети (сохранение)

 var i = 0; // Value starts off at zero

function increment() {

i  ; // Change to i  = [yourvalue] for any increase other than 1

document.getElementById('count').innerHTML = i;

}

setInterval('increment()', 2000); // Increments every 2 seconds

У меня это работает, но при обновлении увеличивается время исчезновения

Комментарии:

1. Сохраните его в файле cookie или локальном хранилище.

Ответ №1:

В функции, в которой вы увеличиваете значение X, установите его в локальное хранилище.

 localStorage.setItem('X', value);

Аналогично, получите элемент из localStorage и установите его в качестве начального значения.

 var x = localStorage.getItem('X') || 0

Комментарии:

1. Спасибо, но теперь я добавляю это и увеличиваю его, все работает супер, но когда я обновляю это число, не сохраняя и снова начинаю считать от 0 до

2. Просто нужно сохранить это

Ответ №2:

                     function increment() {
                    var n = localStorage.getItem('on_load_counter');
                    if (n === null) {
                        n = 0;
                    }
                    
                    n  ;
               
                    
                    localStorage.setItem("on_load_counter", n);
                    
                    document.getElementById('counter').innerHTML = n;
                     }
                    setInterval('increment()', 2000);
Метки: