У меня есть HTML-код, подобный следующему:
<div id="content">
<div id="game-field">
<div id="1"></div>...<div id="n"></div>
</div>
<button id="start-button">Start</button>
</div>
И такой javascript - он отправляет запрос сервлету, который возвращает JSON, затем javascript выглядит, помещает ответ JSON в массив и изменяет div игрового поля.'colors, если сервлет сказал так:
$(document).on("click", "#start-button", function () {
$.get("start", function (response) {
var responseField = new Array();
var jsonData = JSON.parse(response);
for (var i = 0; i < jsonData.length; i++) {
for (var e=0; e<jsonData[i].length; e++) {
responseField.push(jsonData[i][e]);
}
}
var fieldDiv = document.getElementById("game-field");
for (var i=0; i<fieldDiv.children.length; i++) {
if (responseField[i]==1) {
fieldDiv.children[i].style.backgroundColor="red";
}
}
});
});
Я хочу иметь возможность делать что-то подобное каждую секунду.Когда нажата кнопка запуска, я хочу, чтобы внутри моего сервлета был активирован цикл, который будет создавать ответ JSON и отправлять его в javascript каждую секунду.Для каждого полученного JSON javascript придется обновлять game-field
div.Как лучше всего это сделать?