Question

即使我设置的时间超过10秒（10000毫秒），功能也不会每10秒更新一次最新数据

$(window).load(function(){
   setTimeout(function() {
   jQuery.support.cors = true;
   $.ajax({
      url: url,
      data: {
         format: 'json'
      },
      error: function(jqXHR, textStatus, errorThrown) {
alert(textStatus + ': ' + errorThrown);
},
      dataType: 'json',
      crossDomain: true,
      success: function(data) {
         var sensorsData = data.arduino;
         renderHTML(sensorsData);
      },

      type: 'GET'
   });
}, 10000);
});

请参阅live数据

function renderHTML(data)
{
   var sensorDataContainer = document.getElementById("displaySensorData");
   var htmlString = "<table style='width:100%'><tr><th>Location</th><th>Temperature</th><th>Humidity</th></tr>";
   for (i = 0; i < data.length; i++){
      htmlString += "<tr align='center'><td>"+ data[i].location + "</td><td>" + data[i].temperatureInC + "&deg;C/ " + data[i].temperatureInF + "&deg;F </td> <td> " + data[i].humidity + "%</td></tr>";
   }
   htmlString += "</table>"
   sensorDataContainer.insertAdjacentHTML('beforeend', htmlString);
}

虽然我放置的谷歌量表得到了更新。我错过了什么？

Answer 1

<强>更新

更改此行：

sensorDataContainer.insertAdjacentHTML('beforeend', htmlString);

对此：

sensorDataContainer.innerHTML = htmlString;

<小时/> 将setTimeout更改为setInterval

在给定时间后发生一次超时，每隔给定时间发生间隔。

功能每10秒后不更新数据

1 个答案: