Как установить время таймера из ответа json?

Question

[Krueger]

Пытаюсь получить из json время, для того чтоб использовать в setInterval как время до следующего обновления контента. Но никак немогу присвоить значение полученное из json к глобальной переменной timeRemain. Значение работает внутри самой функции, а как сделать чтоб работала за пределами немогу понять.
Ожидалась такая работа скрипта:
Получаем из json время в секундах и некоторые другие данные.
Прикручиваем полученное время к SetInterval
Через некоторое время получаем новые данные и новое время обновления, и так по кругу.

var timeRemain = 10000; // переменная у которой не удаётся изменить/установить значение
function getData() {
			var dataUpdate = new XMLHttpRequest();
			dataUpdate.onreadystatechange = function() {
				if (this.readyState == 4 && this.status == 200) {
					var data = JSON.parse(this.responseText);
					timeRemain = data["remain"] * 1000; // значение для переменной
				}
			};
			dataUpdate.open("GET", "data.json", true);
			dataUpdate.send();
		}

		document.addEventListener("DOMContentLoaded", function() {
			getData();
		});
		setInterval(getData, timeRemain); // время полученное из json

В JSON поле remain выдает секунды, указывающие через сколько времени будут новые данные в json.

Answer 1

[Alex]

Вам нужно

1. Останавливать предыдущий таймер
   
2. Создавать новый с новым значением интервала
   

Comments

[Krueger]

Замечательно. Но проблема в том что я не могу вытащить timeRemain = data["remain"] * 1000; за пределы функции getData(). От чего немогу запустить даже первый таймер. В самом начале кода объявленная var timeRemain прописанны данные 10000 мс для примера.

[Alex]

Грустный Шизик, Значит вы либо делаете что-то кардинально не правильно, либо ваш пример не верен. Так как в вашем примене переменная вполне корректно перезаписывается.
Вот пример:

[Moses Fender]

А где находится переменная timeRemain?

Рекомендую сделать так:

if (this.readyState == 4 && this.status == 200) {
          try{
              var data = JSON.parse(this.responseText);
              timeRemain = data["remain"] * 1000; // значение для переменной
          } catch(err){
              console.error(err);
          }
        }

Возможно, что-то умное покажет.
Кстати, а что говорит console.trace(data['remain'])?

[Krueger]

Решение было полностью переписано с нуля, впрочем ответ с остановкой и созданием нового таймера, помог. Спасибо.