Estou construindo uma página que possui um carrossel (com bootstrap 4) que exibe algumas informações sobre temperaturas. Essas informações vem de um XML que será atualizado sempre que ocorrer alguma mudança.
Estou fazendo os testes alterando o arquivo XML manualmente, mas não consigo visualizar as alterações. Já tentei o setTimeout
e o setInterval
(o setInterval
repete todo o bloco HTML) e não conseguir visualizar as alterações, parece que no caso do setTimeout
, ele não carrega o XML novamente.
Alguém poderia me ajudar a desvendar este mistério? Agradeço desde já pela atenção :)
Código:
function temperatures() {
'use strict';
$.get('temperature.xml', function (data) {
$(data).find('temperature').each(function () {
let $temperature = $(this);
let type = $temperature.find('type').text();
let value = $temperature.find('value').text();
let temperatures = '<div class="carousel-item temperature">';
temperatures += '<span class="sensor-value">' + value + '</span>';
temperatures += '<span class="sensor-title">' + type + '</span>';
temperatures += '</div>';
$('.temperatures').append($(temperatures));
});
});
setTimeout(temperatures, 1000);
}
$(function () {
temperatures();
});
setTimeout
é uma "pausa", ele só executa uma vez. Já osetInterval
, ele cria um intervalo que se repetirá infinitas vezes. Verifique se não é problema com "cache".