Периодически обновляемое текстовое поле с использованием javascript

Question

У меня есть метод getSpeed ​​(), который периодически вычисляет скорость, пройденную между двумя точками LatLng. На данный момент я просто печатаю результаты на консоль, задавался вопросом, как вывести его в текстовое поле/фид на моей веб-странице?

//retrieve information from database 
    downloadUrl("Map.php", function(data){ 
      var xml = data.responseXML; 
      var allPoints = Array(); 
      var markers = xml.documentElement.getElementsByTagName("marker"); 

      for(var i = 0; i<markers.length; i++){ 
      var point = new google.maps.LatLng(
        parseFloat(markers[i].getAttribute("lat")), 
        parseFloat(markers[i].getAttribute("lng"))); 
        allPoints[i] = point; 
       } 

      for(var i = 1; i <allPoints.length; i++){ 
       var distance = google.maps.geometry.spherical.computeDistanceBetween(
         allPoints[i], allPoints[i-1]); 
       var speed = ((distance/1000)*60); 
         console.log(distance.toFixed(2)+'m at a speed of '+speed.toFixed(2)+'km/h'); 

         if(speed < 8){ 
          console.log('WARNING: SPEED IS LOW!'); 
         } 
      } 


}); 
} 

У меня также есть DIV определяется следующим образом, что я ищу, чтобы использовать в качестве моего текстового поля ...

<div id="log" style="display: inline-block; margin-top: 100px; border: solid; border-color: black; border-width: 1px; width: 500px; height: 500px;" ></div> 

Answer 1

Это может быть так просто, как:

document.getElementById('log').innerHTML = distance.toFixed(2) + 
    'm at a speed of ' + speed.toFixed(2) + 'km/h'; 

if(speed < 8){ 
    document.getElementById('log').innerHTML += '<br />WARNING: SPEED IS LOW!'; 

Мы смотрим, что div его id и заменяем его содержимое.