Как периодически обновлять содержимое веб-страницы и переключаться между двумя DIV? ⇐ Html

[Anonymous]

Я не знаком с JavaScript, поэтому все еще учусь.
В нашем офисе есть два разных сервера, которые контролируют нашу сеть (количество файлов, доступность файлов и т. д.). Оба сервера создают страницу панели мониторинга каждую минуту.
Я хочу просматривать обе панели мониторинга одну за другой с интервалом в 2 минуты и обновлять содержимое панели мониторинга без обновления всей веб-страницы, поскольку она отображается на телевизор.
У меня это работает до такой степени, что две информационные панели отображаются с нужным интервалом, но только содержимое двух информационных панелей не обновляется/обновляется, и я не могу понять, почему.
Я создал веб-страницу с указанным ниже HTML-кодом:

Код: Выделить всё

Live Update

CSS содержит только данные для видимости моих DIV:

Код: Выделить всё

html,
body {
}
#VTS {

}

#IDS {

}

.hide { display: none !important; }

Первый скрипт получает содержимое первой информационной панели и обновляет данные каждые 20 секунд:

Код: Выделить всё

document.addEventListener("DOMContentLoaded", function()
{
var xhr = null;

getXmlHttpRequestObject = function()
{
if(!xhr)
{
xhr = new XMLHttpRequest();
}
return xhr;
};

updateVTS = function()
{
var now = new Date();
var url = 'http://vtc130/hm01/dashboard.htm'; + now.getTime();
xhr = getXmlHttpRequestObject();
xhr.onreadystatechange = evenHandlervts;
// asynchronous requests
xhr.open("GET", url, true);
xhr.send(null);
};

updateVTS();

function evenHandlervts()
{
// Check response is ready or not
if(xhr.readyState == 4 && xhr.status == 200)
{
dataDiv = document.getElementById('VTS');
// Set current data text
dataDiv.innerHTML = xhr.responseText;
// Update the live data every 20 sec
setTimeout(updateVTS, 20000);
}
}

});

Второй скрипт идентичен приведенному выше, но получает данные со второй информационной панели и помещает их в другой DIV.
Используется script.js. для переключения видимости двух DIV с интервалом в 2 минуты:

Код: Выделить всё

window.addEventListener('load', function()
{
switchVTSIDS = function()
{
setInterval(function() {
VTS.classList.toggle("hide");
IDS.classList.toggle("hide");
}, 120000);
};

switchVTSIDS();
});

При описанной выше настройке два DIV переключаются по своему усмотрению, но данные двух DIV не обновляются автоматически.
Данные из DIV загружаются, когда я откройте веб-страницу, но они не обновляются автоматически.
Надеюсь, кто-нибудь сможет мне помочь и указать правильное направление.

Подробнее здесь: https://stackoverflow.com/questions/793 ... n-two-divs